.language-switch{display:flex;align-items:center;gap:2px;border-radius:9px;background:#e9eaeb;padding:3px;flex:none}.language-switch button{border:0;border-radius:7px;background:transparent;color:#686d72;font:700 10px/1 var(--dot-font-ui);letter-spacing:.03em;min-width:31px;min-height:29px;padding:5px}.language-switch button[aria-pressed=true]{background:#fff;color:#17181a;box-shadow:0 1px 3px #0001}.language-switch button:focus-visible{outline:2px solid #f00;outline-offset:2px}.stage-top,.stage-bar{gap:10px}.stage-top .language-switch,.stage-bar .language-switch{margin-left:auto}.stage-top .switch,.stage-bar .theme-switch{flex:none}.header-actions .language-switch{order:-1}@media(max-width:750px){.stage-top,.stage-bar{height:auto!important;min-height:56px;flex-wrap:wrap;padding:8px 12px!important}.stage-top .language-switch,.stage-bar .language-switch{margin-left:auto}.stage-top .switch,.stage-bar .theme-switch{width:100%;justify-content:center}}
/* The compact language control uses the same visual pattern throughout DOT. */
.stage-top .stage-language-host,.stage-bar .stage-language-host{margin-left:auto;flex:none}.stage-language-host .language-picker{position:relative}.stage-language-host .language-current{min-height:38px;min-width:57px;justify-content:center}.stage-language-host .language-menu{right:0;top:calc(100% + 9px);z-index:90}.stage-language-host .language-menu[hidden]{display:none!important}
.stage-language-host .language-current{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d8dbdc;border-radius:9px;background:#fff;color:#17181a;font:700 11px var(--dot-font-ui,system-ui,sans-serif);cursor:pointer}.stage-language-host .language-current[aria-expanded=true]{border-color:#ff0000}.stage-language-host .language-current span{font-size:10px;color:#73777b}.stage-language-host .language-menu{position:absolute;display:grid;gap:2px;width:145px;padding:5px;border:1px solid #d8dbdc;border-radius:10px;background:#fff;box-shadow:0 12px 35px #0002}.stage-language-host .language-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:37px;padding:8px;border:0;border-radius:7px;background:transparent;color:#17181a;font:600 12px var(--dot-font-ui,system-ui,sans-serif);text-align:left;cursor:pointer}.stage-language-host .language-menu button:hover,.stage-language-host .language-menu button[aria-current=true]{background:#fff0ef}.stage-language-host .language-menu button span{color:#ff0000}