.language-switch{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface);border-radius:24px;flex-shrink:0}
.language-switch button{min-width:36px;min-height:40px;padding:7px 9px;background:transparent;border-radius:22px;font:600 .6875rem/1.2 Montserrat,sans-serif;color:var(--muted)}
.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.docs-language-note{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0 0 20px}
html[lang=en] .docs-language-note{display:none}
@media(max-width:1400px){.header{gap:16px}.header nav{gap:18px}.header-action{display:none}}
@media(max-width:1000px) and (min-width:651px){.header .brand span{display:none}.header nav{gap:14px}.appearance{margin-left:0}.header{gap:12px}}
@media(max-width:650px){.header{gap:8px}.header .brand{font-size:1rem;gap:6px}.header .brand img{width:26px;height:26px}.header .language-switch{margin-left:auto}.header .appearance{margin-left:0!important}.language-switch button{min-width:30px;padding:7px 6px}.header .appearance button{min-width:40px;padding:7px 8px}.header nav{gap:10px!important}.header nav a{font-size:.625rem!important}.header .brand span{display:inline!important}}
@media(max-width:360px){.header .brand span{display:none!important}}
/* A compact, keyboard-accessible language menu with real flag assets. */
details.language-switch{position:relative;display:block;padding:0}
.language-switch summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;list-style:none;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--ink)}
.language-switch summary::-webkit-details-marker{display:none}
.language-switch img{width:24px;height:16px;object-fit:cover;border-radius:2px;flex-shrink:0}
.language-options{position:absolute;top:calc(100% + 8px);right:0;width:218px;padding:6px;background:var(--bg);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px;box-shadow:0 16px 35px -10px #0004;z-index:100}
details.language-switch .language-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border-radius:7px;font-size:.875rem;font-weight:500;line-height:1.4;text-align:left;color:var(--ink)}
details.language-switch .language-options button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.language-options button:hover{background:var(--surface)}
.language-options button>span:first-of-type{flex:1}.language-option-code{font-size:.6875rem;opacity:.65}
.language-error{padding:10px;font-size:.8125rem;line-height:1.5}
.language-switch[aria-busy=true]{cursor:progress}