:root{--surface:#fff;--page:#fff;--heading:#062852;--header:rgba(255,255,255,.97)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);min-height:44px;padding:8px 14px;cursor:pointer;font-size:13px;order:3;transition:background .2s,border-color .2s}
.theme-toggle:hover{border-color:var(--teal)}.theme-icon{font-size:20px;line-height:1}.nav{gap:18px}.nav>.links{margin-left:auto}.menu{color:var(--ink)}
html[data-theme=dark]{--page:#0c1724;--surface:#142333;--paper:#101f2e;--ink:#e4edf4;--muted:#afbfcd;--line:#304454;--teal:#78d3c6;--gold:#d8b05b;--heading:#e4edf4;--header:rgba(12,23,36,.97)}
body{background:var(--page)}header{background:var(--header)}.footer{background:var(--paper)}
html[data-theme=dark] :is(.topic,.quiz-shell,.quiz-options button,.scenario-choices button,.choice-controls button){background:var(--surface);color:var(--ink)}
html[data-theme=dark] :is(.quiz-options [aria-pressed=true],.scenario-choices [aria-pressed=true],.choice-controls [aria-pressed=true]){background:#21473f;color:#f2faf7;border-color:var(--teal)}
html[data-theme=dark] .scenario-choices button:hover:not([aria-pressed=true]){background:#203849}
html[data-theme=dark] :is(.button,.mobile-line){background:#08746f;color:#fff}
html[data-theme=dark] .button:hover{background:#09665f}
html[data-theme=dark] .button.light{background:#e9f2ee;color:#062852}
html[data-theme=dark] .button.outline{background:transparent;color:var(--ink)}
html[data-theme=dark] .pill{background:#21473f;color:#a3e8d9}
html[data-theme=dark] .card{border-top-color:#608897}
html[data-theme=dark] .progress-track{background:#304454}
html[data-theme=dark] .skip{background:var(--surface);color:var(--ink)}


html[data-theme=dark] .brand-panel{border-color:var(--line)}
html[data-theme=dark] header.has-scrolled{box-shadow:0 6px 24px #0004}
@media(max-width:1000px) and (min-width:721px){.nav{gap:10px}.links{gap:12px}.theme-toggle{padding:8px 10px}.theme-label{display:none}}
@media(max-width:720px){.theme-toggle{order:0;margin-left:auto;padding:7px 10px;gap:5px}.nav{gap:10px}.nav>.links{margin-left:0}.nav .logo{width:130px}.menu{padding:6px 9px;flex-shrink:0}html[data-theme=dark] .links{background:var(--surface)}}

.brand-filter-defs{position:absolute;pointer-events:none;overflow:hidden}.brand-panel{background:transparent}.brand-panel img{mix-blend-mode:normal}html[data-theme=dark] img[src$="transparent-v1.png"]{filter:url(#brand-night);background:transparent}

html[data-theme=dark] img[src$="starhsu-academy-logo-v2.png"]{filter:url(#brand-night);background:transparent}

/* Preserve the original dark brand filter on responsive derivatives. */
html[data-theme=dark] img.brand-optimized{filter:url(#brand-night);background:transparent}