/* Page-specific KESP School palette. No copy, curriculum or layout changes. */
:root,:root[data-theme=dark]{--red:#8b1018}
.school-primary{color:#fff}
.school-primary:hover{background:#670b11;color:#fff}
.school-challenge .school-kicker{display:inline-block;background:var(--red);color:#fff;padding:.4rem .6rem;border-radius:3px}
.school-loop b{background:var(--red);color:#fff;padding:.2rem .4rem;border-radius:3px;align-self:start;justify-self:start}
:root[data-theme=dark] .school-hero h1 span{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:.07em;text-underline-offset:.12em}
:root[data-theme=dark] .school-kicker,
:root[data-theme=dark] .school-link,
:root[data-theme=dark] .school-course-bottom strong,
:root[data-theme=dark] .school-table a,
:root[data-theme=dark] .school-list li::marker{color:#fff}
:root[data-theme=dark] .school-link,
:root[data-theme=dark] .school-table a{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:5px}
:root[data-theme=dark] a:hover{color:#fff}
:root[data-theme=dark] :focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--red)}
.school-certification{border-left:4px solid var(--red);background:var(--surface);padding:var(--s6);margin-bottom:var(--s8)}
.school-certification h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:var(--s2) 0 var(--s4)}
.school-certification p{max-width:82ch}
.school-certification .school-fine{margin-top:var(--s4)}