/* Shared Yaspii header: line switch + category row. Colours come from each page's own tokens. */
.yh{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}
.yh .wrap{max-width:1280px}
.yh-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px 10px}
.yh .logo{display:inline-flex;color:var(--ink);text-decoration:none}.yh .logo svg{height:24px;width:auto;display:block}
.yh-r{display:flex;align-items:center;gap:18px}
.yh-lang{position:relative;display:inline-flex;align-items:center}
.yh-lang select{appearance:none;-webkit-appearance:none;font:500 13px/1.2 var(--mono);letter-spacing:.03em;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 34px 9px 14px;cursor:pointer;width:auto;max-width:46vw}
.yh-lang::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.yh-lang select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.yh-lang option{color:#111;background:#fff}
.yh-join{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;white-space:nowrap}
@media (max-width:560px){.yh-join{display:none}}
.yh-lines{display:flex;gap:28px;padding-block:6px 0;overflow-x:auto;scrollbar-width:none}
.yh-lines::-webkit-scrollbar,.yh-cats::-webkit-scrollbar{display:none}
.yh-lines a{font:800 15px/1 var(--mono);letter-spacing:.14em;text-decoration:none;color:var(--muted);padding:12px 0 13px;border-bottom:2px solid transparent;white-space:nowrap}
.yh-lines a:hover{color:var(--ink)}
.yh-lines a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
.yh-cats{display:flex;gap:8px;padding-block:12px 14px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line)}
.yh-cats a,.yh-cats span.c{flex:none;display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--body);color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 14px;white-space:nowrap}
.yh-cats a:hover{border-color:var(--ink)}
.yh-cats span.c{color:var(--muted)}
.yh-cats small{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* scripts with tall glyphs */
:lang(km) h1,:lang(lo) h1,:lang(my) h1,:lang(th) h1{line-height:1.25!important;letter-spacing:0!important}
:lang(km) h2,:lang(lo) h2,:lang(my) h2,:lang(th) h2{line-height:1.35!important;letter-spacing:0!important}
:lang(km) body,:lang(lo) body,:lang(my) body{line-height:1.8}
:lang(km) .eyebrow,:lang(lo) .eyebrow,:lang(my) .eyebrow,:lang(km) label,:lang(lo) label,:lang(my) label{letter-spacing:.01em;text-transform:none}
:lang(vi) body{--display:"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif;--body:"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif}