/* Keep the field-guide character while giving English prose room to breathe. */
html[lang=en] { --display: Charter, Georgia, serif; --script: Charter, Georgia, serif; }
.language-switcher { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 999px; flex: none; margin-left: 20px; order: 3; }
.language-switcher a { padding: 5px 9px; min-width: 34px; min-height: 32px; display: grid; place-items: center; font-size: 12px; text-decoration: none; border-radius: 999px; }
.language-switcher a[aria-current=true] { background: var(--ink); color: var(--white); }
.site-header .main-nav { margin-left: auto; order: 1; }
html[lang=en] .brand strong { font-size: 17px; letter-spacing: .01em; }
html[lang=en] .hero h1 { font-size: clamp(42px, 5.4vw, 72px); letter-spacing: -.04em; }
html[lang=en] .hero h1 em, html[lang=en] .ai-copy h2 em, html[lang=en] .queue-heading h1 em { font-style: italic; }
html[lang=en] .card-body h3 { font-size: 26px; line-height: 1.15; }
html[lang=en] .card-meta { gap: 12px; align-items: start; }
html[lang=en] .card-meta > span { max-width: 65%; }
html[lang=en] .detail-title h1 { font-size: clamp(40px, 5vw, 68px); line-height: 1.08; overflow-wrap: break-word; }
html[lang=en] .detail-tags { flex-wrap: wrap; }
html[lang=en] .matched-bird h2 { font-size: clamp(23px, 3vw, 34px); line-height: 1.15; }
html[lang=en] .ai-status { letter-spacing: .025em; }
html[lang=en] .privacy-note { font-size: 11px; }
@media (max-width: 1100px) and (min-width: 901px) {
  html[lang=en] .main-nav { gap: 13px; font-size: 12px; }
  .language-switcher { margin-left: 12px; }
}
@media (max-width: 900px) {
  .language-switcher { order: 1; margin-left: auto; margin-right: 10px; }
  .site-header .nav-toggle { order: 2; flex: none; }
  .site-header .main-nav { margin-left: 0; }
}
@media (max-width: 620px) {
  html[lang=en] .brand strong { font-size: 15px; }
  html[lang=en] .brand small { font-size: 7px; letter-spacing: .16em; }
  .language-switcher { margin-right: 7px; }
  .language-switcher a { min-width: 29px; padding: 4px 6px; }
  html[lang=en] .hero h1 { font-size: clamp(40px, 11vw, 58px); }
  html[lang=en] .dashboard-head { gap: 14px; align-items: center; }
  html[lang=en] .dashboard-head h1 { font-size: 34px; }
  html[lang=en] .stats-ring { flex: none; width: 96px; }
  html[lang=en] .checkin-bird h1 { font-size: 28px; line-height: 1.15; }
}