/* The theme control stays outside the mobile navigation and is always reachable. */
.header-inner{gap:20px}
.header-inner>.brand{flex-shrink:0;order:0}
.header-inner>nav{order:1;margin-left:auto;gap:20px}
.theme-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:24px;color:var(--ink);font-size:12px;line-height:1;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}
.theme-toggle:hover{background:var(--paper);border-color:var(--muted)}
.theme-toggle svg{flex-shrink:0}
.theme-sun,html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] .theme-sun{display:block}
.menu-toggle{order:3;min-height:44px}
@media(min-width:1001px) and (max-width:1250px){.header-inner>nav{gap:13px;font-size:12px}.theme-toggle>span{display:none}.theme-toggle{padding:10px}.header-inner{gap:14px}}
@media(max-width:1000px){.header-inner{gap:16px}.header-inner>.brand{margin-right:auto}.header-inner>nav{margin-left:0}}
@media(max-width:700px){.header-inner{gap:12px}.theme-toggle{padding:10px}.theme-toggle>span{display:none}.header-inner .menu-toggle{padding-left:4px}}