/* light / dark tokens and the language + theme controls */
:root{--dim:#3a3f47;--dot:#5d636c;--hdr:rgba(17,19,23,.92);--tx2:#c9cdd3;color-scheme:dark}
[data-theme=light]{--bg:#f5f5f7;--s1:#ffffff;--s2:#ebebef;--s3:#dedee3;--line:#e2e2e7;--tx:#1d1d1f;--mu:#6e6e73;--dim:#c8c8ce;--dot:#b9b9c0;--hdr:rgba(245,245,247,.86);--tx2:#3a3a3c;color-scheme:light}
body{transition:background-color .35s ease,color .35s ease}
.tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.tbtn{height:40px;min-width:40px;padding:0 10px;border-radius:11px;border:1px solid var(--line);background:var(--s1);color:var(--tx);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:inherit;font-weight:600;font-size:13px}
.tbtn:hover{background:var(--s2)}
.tbtn svg{width:19px;height:19px}
[data-theme=dark] .tbtn .moon,[data-theme=light] .tbtn .sun{display:none}
.langsel{position:relative}
.langmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:160px;background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 14px 34px rgba(0,0,0,.22);z-index:40}
.langmenu[hidden]{display:none}
.langmenu button{display:block;width:100%;text-align:start;padding:10px 12px;border-radius:9px;border:0;background:none;color:var(--tx);font:inherit;font-size:15px;cursor:pointer}
.langmenu button:hover{background:var(--s2)}
.langmenu button.on{color:var(--ac);font-weight:700}
.note-ill{display:block;font-size:12px;color:var(--mu);margin-top:4px}
@media(max-width:900px){header .wrap{gap:12px}}
@media(max-width:440px){.tools .btn.sm{display:none}.brand{font-size:17px}}
.btn{white-space:nowrap}