:root{color-scheme:light;--bg:#f0f6fb;--panel:#fff;--line:#bdd0df;--muted:#344e65;--ink:#142f49;--cyan:#09647a;--blue:#225c98}
body{background:#f0f6fb;color:#142f49}
body label,body select,body input,body summary{color:#193b52}
body input:not([type=checkbox]),body select{background:#fff;border:1px solid #9fb8ca;border-radius:8px}
body h1 em,body h2 em{color:#09647a}
body .button,body button[type=submit]{background:#09647a;color:#fff;border:1px solid #09647a;padding:14px 22px}
body .button:hover,body button[type=submit]:hover{background:#074f62;color:#fff}
body .button.secondary{background:#fff;color:#17425c}
body .info-card{border:1px solid #c8dbe7;border-radius:16px;box-shadow:0 8px 30px #263f5508}
body .section{background:radial-gradient(ellipse at 95% 10%,#e0edf9,transparent 55%),#f0f6fb}
body .class-map,body .notice{background:#e7f2f8;color:#193b52;border-color:#bed1df}
body .class-map a,body .class-tags span,body .class-check,body .quiz-q label{color:#193b52}
body footer{background:#e6f0f7}
body a:not(.button):hover{color:#074f62;text-decoration:underline}
body :focus-visible{outline:3px solid #09647a;outline-offset:4px}
@media(max-width:600px){body .header-row{gap:14px}body .brand{font-size:16px;flex-basis:100%}body .info-card{padding:22px}body .page-head h1{font-size:40px}}
body #practice-quiz fieldset{border:1px solid #b8ccd9;background:#fff;border-radius:12px;margin:24px 0;padding:20px}body #practice-quiz legend{font-weight:650;padding:0 8px}body #practice-quiz input[type=radio]{width:auto;padding:0}body #practice-quiz label{display:block;margin:14px 0;cursor:pointer}body #practice-quiz [role=status]{margin-top:24px}