:root{--gold-text:#896321;--navy:#062852;--teal:#087f7c;--gold:#c69731;--ink:#172e42;--muted:#627180;--line:#dce4e7;--paper:#f3f6f5;--action-bg:#087f7c;--action-hover:#065f5d;--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]{--gold-text:#d8b05b;--action-bg:#08746f;--action-hover:#09665f;--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}

/* Gold identifies editorial emphasis; teal remains the action color. */
.eyebrow,.mp-eyebrow{color:var(--gold-text)}

/* Metallic gold: darker bronze on white, warm reflected highlights on navy. */
:root{--gold-metal:linear-gradient(112deg,#664714 0%,#896321 19%,#715019 33%,#906921 43%,#684811 48%,#896321 54%,#74521a 72%,#906921 88%,#664714 100%)}
html[data-theme=dark]{--gold-metal:linear-gradient(112deg,#c5953c 0%,#e5bd70 19%,#d3a64e 33%,#fff0b8 43%,#dab05b 48%,#f3d99a 54%,#c99a43 72%,#f5dfa2 88%,#c5953c 100%)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 :is(.eyebrow,.mp-eyebrow,.editorial-home h1 em,.editorial-home h2 em,.editorial-home .ed-number,.editorial-home .ed-statement-sign>span){background-image:var(--gold-metal);background-size:220% 100%;background-position:35% 50%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold-text)}
 html:not(.effects-off) .editorial-home :is(h1 em,h2 em,.ed-number,.ed-statement-sign>span){animation:gold-reflection 9s ease-in-out infinite}
}
@keyframes gold-reflection{0%,25%,100%{background-position:35% 50%}60%,75%{background-position:85% 50%}}
@media(prefers-reduced-motion:reduce){.editorial-home :is(h1 em,h2 em,.ed-number,.ed-statement-sign>span){animation:none!important}}
@media(forced-colors:active){:is(.eyebrow,.mp-eyebrow,.editorial-home h1 em,.editorial-home h2 em,.editorial-home .ed-number,.editorial-home .ed-statement-sign>span){background-image:none!important;-webkit-text-fill-color:currentColor;color:CanvasText}}
@media print{:is(.eyebrow,.mp-eyebrow,.editorial-home h1 em,.editorial-home h2 em,.editorial-home .ed-number,.editorial-home .ed-statement-sign>span){background-image:none!important;-webkit-text-fill-color:currentColor;color:#664714;animation:none!important}}