/* Shared language control, visible at every screen size. */
.topbar { grid-template-columns:auto minmax(0,1fr) auto; }
.topbar > nav { justify-content:center; }
.header-tools { display:flex; align-items:center; justify-self:end; gap:clamp(12px,1.7vw,26px); min-width:0; }
.header-tools > .edition, .header-tools > .top-cta { white-space:nowrap; }
.topbar .language-switch { display:flex; align-items:stretch; justify-content:center; gap:0; padding:3px; border:1px solid #ffffff45; border-radius:4px; font:700 11px/1.2 var(--mono); letter-spacing:0; text-transform:none; }
.topbar .language-switch a { display:flex; align-items:center; justify-content:center; min-height:32px; padding:7px 9px; color:#ddd8cd; white-space:nowrap; border-radius:2px; }
.topbar .language-switch a:hover { background:#ffffff18; color:#fff; }
.topbar .language-switch a[aria-current="page"] { background:var(--acid,var(--yellow,#9b8046)); color:#090b0b; }
.topbar .language-switch a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
html[lang="en"] .compatibility dd { overflow-wrap:anywhere; }
html[lang="en"] .detail-copy h2 { font-size:clamp(1.2rem,1.7vw,1.8rem); line-height:1.45; }
html[lang="en"] .hero-copy h2 { line-height:1.4; }
@media(max-width:1000px) { .topbar > nav { gap:14px; } }
@media(max-width:800px) {
  .topbar { grid-template-columns:1fr auto; }
  .topbar > nav { display:none; }
  .header-tools { gap:12px; }
}
@media(max-width:480px) {
  .topbar { padding-inline:12px; }
  .header-tools { gap:8px; }
  .header-tools > div.edition { display:none; }
  .header-tools > a.edition, .header-tools > .top-cta { font-size:9px; letter-spacing:0; }
  .topbar .language-switch { font-size:10px; padding:2px; }
  .topbar .language-switch a { padding:7px; }
  .topbar .brand { width:100px; }
}