/* Language controls remain part of the header, independent of the mobile menu. */
.header-inner { gap: 24px; }
.header-inner > .brand { order: 0; }
.header-inner > .main-nav { order: 1; margin-left: auto; }
.header-inner > .language-switch { order: 2; }
.header-inner > .menu-toggle { order: 3; }
.language-switch { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; }
.language-switch button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 33px; min-height: 44px; padding: 8px 5px; background: transparent; color: #94a8bb; font-size: 10px; font-weight: 600; letter-spacing: .08em; transition: color .2s ease; }
.language-switch button::after { position: absolute; content: ''; left: 7px; right: 7px; bottom: 8px; height: 1px; background: transparent; transition: background .2s ease; }
.language-switch button[aria-pressed="true"] { color: #e5f1fb; }
.language-switch button[aria-pressed="true"]::after { background: #86cbed; }
.language-switch button:hover { color: #fff; }
.language-switch button:active { color: var(--blue); }

/* Chapter labels describe every position, including before hover or focus. */
.chapter-nav--named .chapter-nav__label { right: 50px; opacity: 1; transform: none; padding: 3px 5px; background: rgba(5, 13, 24, .52); color: #a1b6ca; font-size: 10px; letter-spacing: .015em; text-shadow: 0 1px 6px #030914; }
.chapter-nav--named a[aria-current] .chapter-nav__label { color: #e5f5ff; font-weight: 600; }
.chapter-nav--named a:hover .chapter-nav__label,
.chapter-nav--named a:focus-visible .chapter-nav__label { color: #fff; }
.current-chapter { display: none; }

/* Translation wrappers preserve the approved text hierarchy. */
.hero__download .text-link__lead { border: 0; color: #b4c5d5; }
.harvest__art figcaption .harvest__caption-lead { color: inherit; font: inherit; }
.map-details strong .map-details__duration { display: inline; font-size: inherit; }

@media (max-width: 1200px) and (min-width: 961px) {
  .header-inner { gap: 16px; }
  .language-switch { gap: 0; }
  .language-switch button { min-width: 29px; }
}
@media (max-width: 960px) {
  .header-inner { gap: 18px; }
  .header-inner > .language-switch { margin-left: auto; }
  .header-inner > .main-nav { margin-left: 0; }
  .language-switch button { min-width: 33px; }
  .current-chapter { position: fixed; z-index: 22; right: 28px; top: 93px; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 56px); padding: 5px 8px; background: rgba(5, 13, 24, .8); border-bottom: 1px solid rgba(99, 151, 188, .3); color: #c4d8e8; font-size: 10px; line-height: 1.5; pointer-events: none; }
  .current-chapter__count { color: #8caec8; font-size: 9px; letter-spacing: .07em; }
  .current-chapter__separator { color: #7796ad; }
  .current-chapter__label { white-space: nowrap; }
  .site-header.menu-open ~ .current-chapter { visibility: hidden; }
}
@media (max-width: 640px) {
  .header-inner { gap: 9px; }
  .language-switch button { min-width: 32px; min-height: 44px; font-size: 10px; }
  .current-chapter { top: 84px; right: 16px; max-width: calc(100% - 32px); }
}
@media (forced-colors: active) {
  .language-switch button[aria-pressed="true"]::after { background: Highlight; }
  .chapter-nav--named .chapter-nav__label, .current-chapter { background: Canvas; color: CanvasText; }
}