/* Theme changes never recolour the core acid-and-ink poster palette. */
:root{color-scheme:light;--theme-dark-panel:#181a16;--theme-dark-text:#f4f5ed;--theme-dark-muted:#aeb4a6}
.masthead{display:flex;justify-content:space-between;gap:32px}
.masthead-brand{display:flex;min-width:max-content;align-items:baseline;gap:28px}
.masthead-brand>span{font:700 9px/1 var(--mono);letter-spacing:.36em}
.masthead nav{align-items:center;gap:clamp(20px,2.8vw,44px)}
.theme-toggle{display:inline-flex;min-height:32px;align-items:center;gap:.25em;padding:0 2px;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;font:700 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.theme-toggle:hover{background:var(--ink);color:var(--acid)}

:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"] .config pre{background-color:var(--theme-dark-panel);background-image:linear-gradient(rgba(223,242,99,.055) 1px,transparent 1px);color:var(--theme-dark-text)}
:root[data-theme="dark"] .config pre code>span,:root[data-theme="dark"] .config pre code i{color:var(--theme-dark-muted)}
:root[data-theme="dark"] .config pre code b{color:var(--acid)}
:root[data-theme="dark"] .push-track>strong{background:var(--theme-dark-panel);color:var(--theme-dark-text);box-shadow:inset 0 -10px 0 var(--acid-shadow)}
:root[data-theme="dark"] .push-track>strong::before{color:var(--theme-dark-muted)}
:root[data-theme="dark"] .push-track>strong b{background:var(--acid);color:var(--ink)}

@media(max-width:980px){.masthead-brand>span{display:none}}
@media(max-width:620px){.masthead{display:flex}.masthead nav{gap:20px}.masthead .nav-source{display:inline}.theme-toggle span:first-child{display:none}}