/* Always dark, including the language control and native browser controls. */
:root{color-scheme:dark}
.language-switch{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;padding:3px;background:#19191b;border:1px solid #45454a;border-radius:999px;font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:7px 9px;color:#c5c6cc;text-decoration:none;border:1px solid transparent;border-radius:999px}
.language-switch a[aria-current="page"]{color:#ece8df;background:#303036;border-color:#64646b}
.language-switch a:hover{color:#f1d3c7;background:#28282e}
.language-switch a:focus-visible{outline:2px solid #e5a08b;outline-offset:4px}
.top{gap:16px}
.top nav{order:1;margin-left:auto;gap:clamp(12px,1.7vw,26px)}
.top>.language-switch{order:2}
.top>.menu-toggle{order:3}
.product-language-note{margin-top:18px;max-width:650px;line-height:1.6}
header:not(.top)>.language-switch{margin-left:auto}
@media(min-width:761px) and (max-width:1100px){.top{height:auto;min-height:84px;padding-block:15px;flex-wrap:wrap}.top nav{order:3;flex-basis:100%;justify-content:flex-start;gap:20px;flex-wrap:wrap}.top>.language-switch{margin-left:auto}}
@media(max-width:760px){.top{gap:10px}.top>.language-switch{margin-left:auto}.language-switch a{min-width:31px;min-height:32px;padding-inline:7px}.top .brand{gap:8px}.top .brand b{font-size:20px}header:not(.top)>.language-switch{margin-left:0}.product-language-note{font-size:14px}}
@media(max-width:370px){.top .brand b{font-size:18px}.top .brand img{width:29px;height:29px}.top>.menu-toggle{gap:5px;padding:8px}.language-switch a{min-width:28px;padding-inline:5px}}