/* A compact, persistent language choice within the existing header. */
.header { gap: 20px; }
.header > .desktop-nav { margin-left: auto; }
.language-switch { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 3px; padding: 3px; border: 1px solid #aed43460; border-radius: 30px; background: #10120e; }
.language-switch a { display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 5px 11px; border-radius: 24px; font-size: 11px; line-height: 1.2; font-weight: 600; color: #c3cab7; transition: background .2s, color .2s; }
.language-switch a[aria-current="page"] { color: #12160b; background: var(--lime); }
.language-switch a:hover { color: #fff; background: #aed43422; }
.language-switch a[aria-current="page"]:hover { color: #12160b; background: var(--lime); }
.language-switch a:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
html[lang="en"] .case-intro h1 { overflow-wrap: break-word; }
html[lang="en"] .result-value { font-size: clamp(30px, 3.1vw, 48px); }
html[lang="en"] .hero-intro { max-width: 560px; }
html[lang="en"] .hero-copy-break { display: none; }
@media (max-width: 1100px) {
  .header { gap: 14px; }
  .header > .desktop-nav { gap: 20px; }
}
@media (max-width: 760px) {
  .header { gap: 10px; }
  .language-switch { margin-left: auto; }
  .language-switch a { min-height: 36px; padding: 5px 8px; font-size: 10px; }
  .header > .menu-toggle { flex: 0 0 40px; }
  html[lang="en"] .case-intro h1 { font-size: clamp(36px, 8.8vw, 52px); }
  html[lang="en"] .impact-stat .number-unit { font-size: .48em; }
}
@media (max-width: 370px) {
  .header { gap: 7px; padding-left: 14px; padding-right: 14px; }
  .header .brand-name { font-size: 9px; letter-spacing: .6px; }
  .language-switch a { padding-inline: 7px; }
}
@media (prefers-reduced-motion: reduce) { .language-switch a { transition: none; } }
