/* DOS navigation + Daylime's rectangular language panel, using our theme tokens. */
.site-header>nav{font-family:var(--mono);gap:14px}
.site-header>nav a{white-space:nowrap}
.site-header>nav a::before{content:'[';visibility:hidden;margin-inline-end:2px}
.site-header>nav a::after{content:']';visibility:hidden;margin-inline-start:2px}
.site-header>nav a[aria-current=page]::before,.site-header>nav a[aria-current=page]::after{visibility:visible}
.lang-switcher{position:relative}
.lang-switcher-trigger{display:flex;align-items:center;gap:7px;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font:11px/1.4 var(--mono);list-style:none;white-space:nowrap}
.lang-switcher-trigger::-webkit-details-marker{display:none}
.lang-switcher[open] .lang-switcher-trigger,.lang-switcher-trigger:hover{background:var(--surface);border-color:var(--accent)}
.lang-switcher[open] .lang-chevron{transform:rotate(180deg)}
.lang-switcher-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:440px;max-width:calc(100vw - 32px);max-height:60vh;overflow-y:auto;margin:0;padding:8px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #00000018;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.lang-switcher:not([open]) .lang-switcher-menu{display:none}
.lang-switcher-menu a{display:block;padding:8px 10px;font:12px/1.4 var(--body);border-radius:3px;color:var(--ink);overflow-wrap:anywhere}
.lang-switcher-menu a:hover{background:var(--surface);text-decoration:none}
.lang-switcher-menu a[aria-current=true]{background:var(--surface);color:var(--accent);font-weight:600;outline:1px solid var(--line)}
@media(max-width:600px){.site-header>nav{gap:4px;font-size:11px}.lang-switcher-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:300px}}

.site-header>nav a{padding:5px 0}
.site-header>nav a[aria-current=page]{font-weight:700}
.site-header>nav a:hover::before,.site-header>nav a:hover::after,.site-header>nav a:focus-visible::before,.site-header>nav a:focus-visible::after{visibility:visible}

.header-controls{display:flex;align-items:center;gap:8px}
.theme-select{min-height:32px;max-width:100px;padding:5px 6px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font:11px/1.4 var(--mono)}
.theme-select:hover{border-color:var(--accent)}
@media(max-width:850px){.site-header{gap:12px}.site-header>nav{gap:8px}}
@media(max-width:600px){.header-controls{margin-inline-start:auto;gap:5px}.header-controls .languages{margin:0}.theme-select{max-width:82px}.wordmark{font-size:23px}.site-header{column-gap:8px}}