/* Persistent locale control, shared by every surface and offline export. */
language-switch { display:inline-flex; flex:none; max-width:100%; vertical-align:middle; }
.locale-control { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; font:12px/1.4 var(--font-sans,system-ui,sans-serif); color:var(--color-muted,var(--muted,inherit)); }
.locale-control select { min-height:44px; min-width:106px; max-width:100%; width:auto; margin:0; padding:6px 9px; border:1px solid var(--color-line,var(--line,currentColor)); border-radius:var(--radius-sm,5px); color:var(--color-ink,var(--ink,inherit)); background:var(--color-surface,transparent); font:inherit; }
.locale-control select:focus-visible { outline:2px solid var(--color-primary,var(--accent,currentColor)); outline-offset:2px; }
.masthead:has(language-switch) { flex-wrap:wrap; }
.component-lab > nav:has(language-switch) { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; }
@media(max-width:760px){ .masthead language-switch { margin-left:auto; } .locale-control>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } }
@media print { language-switch { display:none!important; } }