@font-face{font-family:"KaiLang";src:url(/assets/fonts/i18n-label-ja.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+65E5,U+672C,U+8A9E}
@font-face{font-family:"KaiLang";src:url(/assets/fonts/i18n-label-ko.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+AD6D,U+C5B4,U+D55C}
@font-face{font-family:"KaiLang";src:url(/assets/fonts/i18n-label-zh.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+4E2D,U+4F53,U+6587,U+7B80}
/* v9.6.215 (Marius 48670): language switcher + translated-page notes. Loaded only on pages that have a translation. */
details.lang-sw{position:relative;flex:none}
details.lang-sw>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:44px;padding:0 6px;border-radius:10px;
  font:800 .8125rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"KaiLang",sans-serif;letter-spacing:.04em;color:inherit;white-space:nowrap}
details.lang-sw>summary::-webkit-details-marker{display:none}
details.lang-sw>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
details.lang-sw[open]>summary{background:var(--ink);color:var(--cream)}
details.lang-sw>nav{position:absolute;right:0;top:calc(100% + 4px);z-index:60;display:flex;flex-direction:column;min-width:160px;background:var(--cream);border:2px solid var(--ink);border-radius:10px;overflow:hidden}
details.lang-sw>nav a{display:flex;align-items:center;min-height:48px;padding:0 16px;text-decoration:none;color:var(--ink);font:700 1rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"KaiLang",sans-serif;border-top:1px solid var(--line)}
details.lang-sw>nav a:first-child{border-top:0}
details.lang-sw>nav a[aria-current]{color:var(--accent)}
details.lang-sw>nav a:hover,details.lang-sw>nav a:focus-visible{background:var(--sand)}
p.i18n-note{margin:.5em 0 .35em;font-size:.875rem;line-height:1.5;color:var(--muted)}
/* >=760px the header bar is a 2-column grid (logo | 8x2 menu): the switcher gets its own third column, centred over both rows */
@media(min-width:760px){
  header.site .bar{grid-template-columns:auto minmax(0,1fr) auto}
  header.site .bar details.lang-sw{grid-column:3;grid-row:1 / span 2;align-self:center}
}