/* Header authentication; keep the official Google button unobscured. */
[hidden] { display: none !important; }
.header .header__inner { gap: 16px; }
.header .header__nav { gap: clamp(16px, 3vw, 38px); }
.header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-shrink: 0; }
.header__auth { display: flex; align-items: center; min-height: 40px; }
.header__auth { gap: 8px; }
.header__kakao { display: inline-flex; align-items: center; height: 40px; text-decoration: none; flex-shrink: 0; }
.header__kakao img { display: block; height: 40px; width: auto; }
.header__kakao:focus-visible { outline: 3px solid #2272e5; outline-offset: 3px; }
.header__naver { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 40px; min-width: 132px; padding: 0 14px; box-sizing: border-box; border-radius: 3px; background: #03c75a; color: #fff; font: 700 13px var(--font-kr, sans-serif); text-decoration: none; white-space: nowrap; }
.header__naver > span:first-child { font: 900 19px Arial, sans-serif; line-height: 1; }
.header__naver:focus-visible { outline: 3px solid #2272e5; outline-offset: 3px; }
.header__account { display: flex; align-items: center; gap: 10px; }
.header__account-name { color: #092348; font-size: 13px; font-weight: 700; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.header__auth-button { border: 1px solid #d9e2ef; background: #fff; color: #284264; border-radius: 20px; padding: 9px 14px; font: 600 12px var(--font-kr, sans-serif); cursor: pointer; white-space: nowrap; }
.header__auth-button:hover { background: #f5f8fc; }
.header__auth-button:focus-visible { outline: 3px solid #2272e5; outline-offset: 3px; }
.header__auth-button:disabled { cursor: wait; opacity: .65; }
.auth-notice { position: fixed; right: 24px; top: 98px; z-index: 2000; max-width: min(420px, calc(100vw - 32px)); background: #fff; color: #203854; border: 1px solid #d9e2ef; border-radius: 12px; box-shadow: 0 8px 28px #09234826; padding: 16px 20px; font-size: 13px; line-height: 1.6; }
.auth-notice[data-kind="error"] { border-color: #edb7b7; color: #9f2525; }
@media (max-width: 1000px) {
  .header .header__nav { display: none; }
  .header .header__burger { display: flex; }
  .header .header__nav.active { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 24px; gap: 20px; box-shadow: 0 12px 30px #0000001a; }
}
@media (max-width: 768px) {
  .header__actions { gap: 6px; }
  .header__account { gap: 6px; }
  .header__account-name { max-width: 80px; font-size: 12px; }
  .header__auth-button { padding: 8px 10px; }
  .header__naver { min-width: 40px; width: 40px; padding: 0; gap: 0; border-radius: 50%; }
  .header__naver-text { display: none; }
  .auth-notice { top: 84px; right: 16px; }
}
@media (max-width: 480px) {
  .header .header__inner { gap: 8px; }
  .header .header__logo-row { flex-direction: column; align-items: flex-start; gap: 3px; }
  .header .header__logo-divider { display: none; }
  .header .header__logo { gap: 9px; }
  .header__account-name { max-width: 60px; }
}