.nav ul { flex: 1; min-width: 0; }
#language-switcher { display: flex; align-items: center; flex: none; gap: 8px; margin-left: auto; }
#language-switcher label { font-size: 18px; color: var(--muted); }
#language-switcher .language-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#site-language { font-family: var(--zh); font-size: 13px; padding: 8px 26px 8px 10px; min-height: 38px; color: var(--fg); background: var(--panel); border: 1px solid var(--line); border-radius: 7px; cursor: pointer; max-width: 145px; }
#site-language:focus-visible { outline: 2px solid var(--c-glow); outline-offset: 3px; }
html[lang="en"] .hero h1 { font-family: var(--display); letter-spacing: .06em; font-size: clamp(42px, 6vw, 80px); line-height: 1.12; }
html[lang="en"] .hero h1 span { display: none; }
html[lang="en"] .sec-head h2 small, html[lang="en"] .chap-head h3 small { display: none; }
@media (max-width: 700px) {
  .nav .wrap { flex-wrap: wrap; gap: 8px 16px; height: auto; min-height: 52px; padding-top: 8px; }
  .nav ul { order: 3; flex: 0 0 100%; padding-bottom: 10px; }
  .sec, .chap { scroll-margin-top: 116px; }
  #site-language { min-height: 40px; }
}