.site-language-picker { position: relative; display: inline-block; flex: 0 0 auto; color: var(--site-text, var(--text, var(--ink, #263344))); font: 500 14px/1.5 system-ui, sans-serif; }
body > .site-language-picker { margin: 12px 16px; }
.site-language-picker summary { box-sizing: border-box; cursor: pointer; min-height: 44px; padding: 9px; white-space: nowrap; border: 1px solid var(--site-line, currentColor); border-radius: 8px; background: var(--site-surface, var(--panel, #fff)); }
.site-language-picker summary:focus-visible, .site-language-picker a:focus-visible { outline: 3px solid var(--site-accent, #3475d0); outline-offset: 2px; }
.site-language-picker .site-language-options { position: absolute; z-index: 1000; right: 0; top: 100%; display: flex; flex-direction: column; min-width: 180px; max-height: 70vh; overflow-y: auto; margin: 4px 0; padding: 6px; background: var(--site-surface, var(--panel, #fff)); border: 1px solid var(--site-line, currentColor); border-radius: 8px; box-shadow: 0 4px 15px #0003; }
body > .site-language-picker .site-language-options { right: auto; left: 0; }
.site-language-picker .site-language-options a { display: block; padding: 7px 10px; color: inherit; text-decoration: none; white-space: nowrap; }
.site-language-picker .site-language-options a:hover, .site-language-picker a[aria-current] { background: #8882; text-decoration: underline; }
html.dark-mode .site-language-picker { color: var(--site-text, var(--text, #eee)); }
html.dark-mode .site-language-picker summary, html.dark-mode .site-language-options { background: var(--site-surface, var(--panel, #222)); }
.site-header .site-language-picker summary, html.dark-mode .site-header .site-language-picker summary { background: none; }
html[dir="rtl"] .site-header .site-actions { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .site-language-picker .site-language-options { right: auto; left: 0; }
html[dir="rtl"] body > .site-language-picker .site-language-options { left: auto; right: 0; }
html[dir="rtl"] pre, html[dir="rtl"] code, html[dir="rtl"] .code, html[dir="rtl"] .code-js, html[dir="rtl"] .url-example { direction: ltr; unicode-bidi: isolate; text-align: left; }
html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="email"] { direction: ltr; text-align: left; }
@media (max-width: 600px) {
    .site-header .site-language-picker summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; list-style: none; }
    .site-header .site-language-picker summary::-webkit-details-marker { display: none; }
    .site-header .site-language-picker summary span[lang] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}