/* Language controls share the header without shrinking existing navigation. */
.header { display:grid; grid-template-columns:auto 1fr auto auto; }
.header>nav:not(.language-switch) { justify-content:center; }
.header>.language-switch,.language-switch { display:flex; gap:3px; align-items:center; }
.language-switch a { display:inline-flex; align-items:center; justify-content:center; min-width:40px; min-height:44px; padding:6px; font-size:13px; font-weight:600; text-decoration:none; color:#62685e; border-bottom:2px solid transparent; }
.language-switch a[aria-current] { color:#61417e; border-color:#8654b7; }
.language-switch a:hover,.language-switch a:focus-visible { color:#3b254e; background:#e7e3eb; }
.language-switch a:focus-visible { outline:2px solid #8654b7; outline-offset:2px; }
.waitlist-header .language-switch { margin-left:auto; }
.privacy-page>.language-switch { margin-block:12px 25px; }
html[lang=en] body { letter-spacing:0; }
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3 { letter-spacing:-.035em; text-wrap:balance; }
html[lang=en] .system-stage,html[lang=en] .balanced-solution,html[lang=en] .cdh-route li { overflow-wrap:anywhere; }
html[lang=en] .cdh-metrics strong { font-size:clamp(29px,3vw,45px); }
@media(max-width:1150px) {
 .header { grid-template-columns:1fr auto auto; }
 .header>nav:not(.language-switch) { grid-column:1/-1; grid-row:2; width:100%; justify-content:space-between; border-top:1px solid var(--line); padding-top:14px; }
 .header>.language-switch { width:auto; order:0; border:0; padding:0; }
}
@media(max-width:650px) {
 .header { grid-template-columns:1fr auto; gap:10px 15px; }
 .header>.brand { grid-column:1; grid-row:1; }
 .header>.language-switch { grid-column:2; grid-row:1; }
 .header>.wait-link { grid-column:1/-1; grid-row:3; justify-self:end; min-height:36px; font-size:14px; }
 .header>nav:not(.language-switch) { grid-row:2; gap:8px; font-size:clamp(14px,3.8vw,18px); }
 .header .brand img { width:180px; max-width:100%; }
 html[lang=en] .cdh-evidence-route { flex-wrap:wrap; }
 html[lang=en] .balanced-solution-top { flex-wrap:wrap; gap:8px; }
 html[lang=en] .cdh-route ol { grid-template-columns:1fr; gap:24px; }
 html[lang=en] .cdh-route li+li::before { content:'↓'; right:auto; left:50%; top:-24px; width:24px; height:24px; transform:translateX(-50%); }
 html[lang=en] .cdh-domains { grid-template-columns:1fr; }
 html[lang=en] .media-controls { flex-wrap:wrap; }
}
