/* Shared by the homepage and GME Radar; physical artwork keeps its original colours. */
.theme-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.theme-toggle:hover{background:var(--rule)}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.theme-toggle svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}
html[data-theme=dark]{color-scheme:dark;--paper:#121411;--ink:#f0f2e9;--quiet:#a5ab9d;--muted:#a5ab9d;--rule:#353b30;--gme:#ff8275;--green:#b6d882;--red:#ff897d}
html[data-theme=dark] .theme-toggle .theme-moon{display:none}
html[data-theme=dark] .theme-toggle .theme-sun{display:block}
html[data-theme=dark] .thesis span{color:#a5ab9d}
html[data-theme=dark] .hero-capsule{filter:drop-shadow(0 18px 24px #0008)}
html[data-theme=dark] .inventory-key{color:var(--quiet)}
html[data-theme=dark] .inventory-level{color:var(--gme)}
html[data-theme=dark] .inventory-key.level-up .inventory-level{color:#283500}
html[data-theme=dark] .spark-modes button[aria-pressed=true]{background:#30362a}
html[data-theme=dark] .spark-future{fill:#30392a;opacity:.5}
html[data-theme=dark] .spark-axis-label{fill:var(--quiet)}
html[data-theme=dark] .spark-projection{stroke:#baaaa0}
html[data-theme=dark] .spark-scenario input{border-color:var(--rule)}
html[data-theme=dark] .treasury-stat[data-state=unavailable] .treasury-status,
html[data-theme=dark] .treasury-stat[data-state=delayed] .treasury-status{color:#e8bd86}
html[data-theme=dark] dialog{box-shadow:0 24px 100px #0009}
html[data-theme=dark] dialog::backdrop{background:#0009}
html[data-theme=dark] .skip-link,html[data-theme=dark] .skip{color:#181916}
/* The custody row sits on the dark console on desktop, but below it on phones/tablets. */
@media(max-width:1200px){html[data-theme=dark] .save-point>.custody-summary a{color:var(--gme)}html[data-theme=dark] .save-point>.custody-summary:after{color:#e8bd86!important}}
/* Radar cards and chart geometry, including dynamically inserted SVGs. */
html[data-theme=dark] .chart-card,html[data-theme=dark] .chain-check{background:#1b1f18}
html[data-theme=dark] .segmented,html[data-theme=dark] .ranges button[aria-pressed=true]{background:#30362a}
html[data-theme=dark] .segmented button[aria-pressed=true],html[data-theme=dark] .issuance .ranges button[aria-pressed=true]{background:var(--lime);color:#181b15}
html[data-theme=dark] .chart-bottom,html[data-theme=dark] .issuance-footnote{border-color:var(--rule)}
html[data-theme=dark] .detail-body,html[data-theme=dark] .history-status,html[data-theme=dark] .issuance-footnote{color:var(--muted)}
html[data-theme=dark] .issuance{background:#20271b}
html[data-theme=dark] .flow-track{background:#39432e}
html[data-theme=dark] #plot text{fill:var(--muted)}
html[data-theme=dark] #grid line{stroke:var(--rule)}
html[data-theme=dark] #series path[stroke]{stroke:var(--green)}
html[data-theme=dark] #series rect{fill:var(--green)}
html[data-theme=dark] #cursor circle{fill:var(--green);stroke:#1b1f18}
@media(max-width:760px){.theme-actions{gap:10px}.page-edge{gap:12px}.theme-actions .project-identity{max-width:112px}.masthead{height:auto;min-height:76px;gap:10px;flex-wrap:wrap;padding-block:12px}.masthead nav{gap:12px;align-items:center}}
