/* 2026-10-13 (hdrname1) — 상단 헤더 전용: 플랫폼은 절제하고, 작가의 이름을 빛나게.
   범위: .site-header 안의 브랜드(ARCHIVE PRO / Artist Edition)·로그인 버튼 글자 크기, 그리고 새 행 #apArchiveArtistRow.
   그 밖의 화면·공통 규칙은 건드리지 않는다. style.css의 기존 헤더 규칙이 여러 미디어 쿼리에서 !important로 크기를
   지정하고 있어(브랜드 h1만 11곳), 같은 속성에 한해 .site-header 범위의 더 구체적인 선택자 + !important로 확정한다
   (topbar-redesign.css와 같은 방식). 색·서체·배치·위치·로그인 동작은 그대로다.
   크기: 휴대폰(767px 이하) ARCHIVE PRO 16px · Artist Edition 12px · 로그인 13px
         태블릿·노트북·PC        ARCHIVE PRO 18px · Artist Edition 12px · 로그인 14px  (터치 영역 44px 이상 유지) */

.site-header .brand-row h1,
.site-header .brand-home-link h1 {
  font-size: 18px !important;
  line-height: 1.15 !important;
  letter-spacing: .12em !important;
  max-width: none !important;
}
.site-header .brand-subtitle {
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: .06em !important;
  margin: 3px 0 0 !important;
}
.site-header #authTrigger.auth-trigger-btn {
  font-size: 14px !important;
  line-height: 1.25 !important;
  min-height: 44px !important;
  padding: 6px 14px !important;
}

@media (max-width: 767px) {
  .site-header .brand-row h1,
  .site-header .brand-home-link h1 {
    font-size: 16px !important;
    letter-spacing: .1em !important;
  }
  .site-header #authTrigger.auth-trigger-btn {
    font-size: 13px !important;
    padding: 6px 12px !important;
  }
}

/* ---- 중앙 공식 작가명: 독립된 한 줄, 화면 가로 정중앙 ----
   넓은 화면에서는 .site-shell이 화면 가운데에 있지 않을 수 있어, archive-artist-name.js가 화면 가로 50% 지점을 기준으로
   좌우 대칭 폭을 재고 글자를 그 지점에 맞춘다. 로그인 버튼·브랜드 폭과 무관하다(같은 행에 있지 않음). 글자 크기는 --ap-artist-name-size가 기본값이고,
   넘칠 때만 archive-artist-name.js가 실제 폭을 재서 줄인다. 말줄임·줄바꿈·글자 압축 없음. */
.ap-archive-artist-row {
  --ap-artist-name-size: 26px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 4px max(4px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) 2px;
  text-align: center;
  overflow: hidden;
}
.ap-archive-artist-row[hidden] { display: none; }
.ap-archive-artist-name {
  display: inline-block;
  margin: 0;
  max-width: none;
  white-space: nowrap;
  word-break: keep-all;
  font-size: var(--ap-artist-name-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .03em;
  color: #E9D08A;
  vertical-align: top;
  position: relative; /* 화면 가운데 보정(left)은 archive-artist-name.js가 넣는다 — 레이아웃에는 영향 없음 */
}
/* 휴대폰: 좁은 화면에서 한 글자라도 크게 — 행만 화면 양끝까지 넓힌다(좌우 같은 여백 10px·안전 영역). 오버레이 스크롤바라 100vw = 화면 폭. */
@media (max-width: 767px) {
  .ap-archive-artist-row {
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: max(10px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    padding-right: max(10px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 768px) {
  .ap-archive-artist-row { --ap-artist-name-size: 30px; padding-top: 4px; }
}
@media (min-width: 1280px) {
  .ap-archive-artist-row { --ap-artist-name-size: 34px; }
}

/* 2026-10-16 (namegap1) — 작가명 아래 여백만 확대(위쪽 여백·글자·색·정렬 무변경). 기존 실측 간격 10px(이 행의 아래 padding 2px + 아래 영역 기본 여백)에
   이 행의 아래 padding만 더한다: 휴대폰 +14px, 태블릿·아이패드(앱의 기존 태블릿 판정 html.ap-tablet-ui) +16px, 노트북·PC +20px.
   정상 문서 흐름 그대로 아래 영역이 내려간다(절대 위치·변형 없음). 이름이 없어 행이 숨겨지면 여백도 없다. */
.ap-archive-artist-row { padding-bottom: 22px; }
@media (max-width: 767px) {
  .ap-archive-artist-row { padding-bottom: 16px; }
}
html.ap-tablet-ui .ap-archive-artist-row { padding-bottom: 18px; }

/* 2026-11-01 (namehome1) — 작가명 = 처음 화면 버튼(archive-artist-name.js가 role=button·tabindex를 붙인다).
   보이는 모습(글자·색·크기·위치·한 줄)은 그대로 — 테두리·배경·아이콘 없음. 터치 영역과 키보드 초점 표시만 더한다.
   터치 영역: 투명한 ::after가 글자 상자를 위로 행의 위쪽 여백(4px)까지, 아래로 16px(행의 아래 여백 안), 좌우 8px 넓힌다(배치 무변경). */
.ap-archive-artist-name[role="button"] {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
.ap-archive-artist-name[role="button"]::after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: -4px;
  bottom: -16px;
}
.ap-archive-artist-name[role="button"]:focus-visible {
  outline: 1px solid rgba(233, 208, 138, .55);
  outline-offset: 3px;
  border-radius: 2px;
}

/* 2026-11-04 (aename1) 헤더 한 줄(Artist Edition)에도 예전 두 줄 높이 유지 → 헤더·HOME(작가명) 위치 무변경 */
.site-header .brand-home-link .brand-title-group{min-height:calc(18px*1.15 + 18px);justify-content:center}
@media (max-width:767px){.site-header .brand-home-link .brand-title-group{min-height:calc(16px*1.15 + 18px)}}