/* ORDER-224 A: 데스크톱(≥1024px) 헤더 두 줄 — 모든 화면 공통이지만 데스크톱 폭에서만 쓰는 크롬이라
   공용 번들(style.bundle.css, 홈 gzip 예산)에 안 넣는다. 파일 안 @media 로 감싼다. 링크에 media 를 걸면
   아래 기본 display:none 이 모바일에 안 닿아서 둘째 줄이 26px 잔재로 남는다(ORDER-224 N 에서 실측). */
.hf-nav1, .hf-nav2 {
  display: none; /* 미디어쿼리 링크 밖에서도 안전하게 — 파일이 늦게 도착해도 깜빡이지 않는다 */
  --paper: #F6F5F2; --card: #FFFFFF; --ink: #17181A; --sub: #55585E; --mute: #9A9DA3; --rule: #E7E5E0; --fill: #EDEBE6;
}
@media (prefers-color-scheme: dark) {
  .hf-nav1, .hf-nav2 { --paper: #131412; --card: #1D1F1C; --ink: #F2F1ED; --sub: #B3B1AB; --mute: #7C7B76; --rule: #31332D; --fill: #282A26; }
}
@media (min-width: 1024px) {
  body { padding-left: 0; }
  .top { margin-left: 0; width: 100%; padding-left: 0; }
  .nav-drawer { display: none; }
  .top .appbar-main { max-width: none; width: min(calc(100% - 40px), 1300px); gap: 24px; padding-inline: 22px; }
  .appbar-record { display: none !important; }
  .appbar-searchbox { order: 3; margin: 0 0 0 auto; width: 296px; max-width: 296px; flex: 0 0 296px; }
  .appbar-actions { order: 4; }
  .appbar-login { width: 29px; height: 29px; min-width: 0; padding: 0; border-radius: 50%; background: var(--fill, #EDEBE6); font-size: 0; }
  .hf-logo-arrow { display: inline-flex; margin-left: 1px; color: var(--muted); transform: rotate(90deg); }
  .hf-logo-arrow .icon { width: 13px; height: 13px; }

  /* 1행 대분류 다섯 — 로고 바로 뒤, 검색 앞. .top nav(전역, gap 4px·margin-left:auto)보다 특정도를 올려야 이긴다. */
  .top .hf-nav1 { order: 2; display: flex; gap: 26px; align-self: stretch; margin-left: 0; overflow: visible; }
  .top .hf-nav1 a { min-height: 0; display: flex; align-items: center; padding: 0; border-radius: 0; font-size: var(--t-body); font-weight: 600; color: var(--sub); letter-spacing: -.015em; border-bottom: 2.5px solid transparent; text-decoration: none; white-space: nowrap; }
  .top .hf-nav1 a[aria-current="page"] { color: var(--ink); font-weight: 700; border-color: var(--ink); }

  /* 2행 소분류 — 대분류마다 다르다(홈 지침, 갈래·사전은 예전 좌측 레일 무리 그대로, 피드·지도는 아직 없음). */
  .top .hf-nav2 { display: flex; gap: 8px; padding: 10px 22px; border-top: 1.5px solid var(--rule); background: var(--fill); align-items: center; width: 100%; }
  .hf-nav2 a { font-size: 12.5px; font-weight: 600; background: var(--card); border-radius: 999px; padding: 6px 13px; color: var(--sub); text-decoration: none; }
  .hf-nav2 a.on { background: var(--ink); color: var(--paper); font-weight: 700; }
  .hf-nav2-date { margin-left: auto; font-size: 11.5px; color: var(--mute); font-weight: 600; }
}