@font-face { font-family:"Silicore Noto Sans"; src:url("/fonts/NotoSansSC-VF.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Silicore Mono"; src:url("/fonts/CascadiaMono.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
:root { --font-sans: "Silicore Noto Sans", "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif !important; --font-tech: var(--font-sans) !important; --font-display: var(--font-sans) !important; --font-editorial: var(--font-sans) !important; --font-mono: "Silicore Mono", "Noto Sans Mono", "Cascadia Mono", ui-monospace, monospace !important; }
html, body, body * { font-family: var(--font-sans) !important; }
code, pre, output, kbd, samp, [class*="mono"], .eyebrow, .section-kicker { font-family: var(--font-mono) !important; }
.language-picker { position:relative; z-index:1000; display:flex; flex:0 0 44px; align-items:center; margin-inline-start:8px; }
.language-picker__button { width:44px; min-width:44px; height:44px; min-height:44px; padding:0; border:1px solid currentColor; border-radius:50%; background:transparent; color:inherit; display:flex; flex:0 0 44px; align-items:center; justify-content:center; cursor:pointer; touch-action:manipulation; transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease; }
.language-picker__button:hover, .language-picker__button[aria-expanded="true"] { background:#ffd400; border-color:#ffd400; color:#111; }
.language-picker__icon { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.language-picker__sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.language-picker__button:focus-visible, .language-picker__menu button:focus-visible { outline:2px solid #111; outline-offset:2px; box-shadow:0 0 0 4px #ffd400; }
.language-picker__menu { position:absolute; inset-block-start:calc(100% + 6px); inset-inline-end:0; width:168px; max-height:calc(100dvh - 80px); overflow-y:auto; padding:6px; background:#101114; color:#fff; border:1px solid rgba(255,255,255,.35); box-shadow:0 12px 32px rgba(0,0,0,.35); }
.language-picker__menu button { display:block; width:100%; min-height:44px; padding:8px 10px; border:0; background:transparent; color:inherit; text-align:start; cursor:pointer; font:500 14px/1.2 var(--font-sans); }
.language-picker__menu button:hover, .language-picker__menu button[aria-checked="true"] { background:#ffd400; color:#111; }
@media (max-width:768px) { .language-picker__menu { inset-inline-end:0; } }
@media (prefers-reduced-motion:reduce) { .language-picker__button { transition:none; } }
