:root{color:#263750;background:#edf2f9}
button:focus-visible{outline-color:#e3a62e}
.topbar{background:#13264a;border-bottom:4px solid #e7ae4f}
.brand img{border-color:#f2c46b;background:#e9e8e6;object-position:center 20%}
.brand span{color:#c5d4ef}
.topbar p{color:#dce5f5}
.sidebar,.workspace{border-color:#d8e2ee;box-shadow:0 13px 36px #17396a12}
.eyebrow{color:#235aa5}
.level-switch{background:#e8eef8}
.level-switch button[aria-pressed=true]{color:#153566}
#topics button:hover{background:#eef3ff}
#topics button.active{background:#e3ecff;color:#1e4c97}
.topic-head{background:linear-gradient(115deg,#e9f0ff 0%,#f6f9ff 78%);border-bottom-color:#d9e5f5;position:relative}
.topic-head h2{color:#142f59}
.topic-head p{color:#4b6181}
.topic-count{display:inline-block;margin-top:18px;padding:6px 12px;background:#fff;border:1px solid #d4e0f3;border-radius:999px;color:#315b95;font-size:.75rem;font-weight:800;letter-spacing:.07em}
.mode-tabs button[aria-selected=true]{color:#245bad;border-bottom-color:#245bad}
.study-panel h3{color:#1b3868}
.outcomes{background:#ecf2ff;border-left-color:#3c6fc3}
.worked{background:#edf3fd}
.worked strong{color:#2256a2}
.watchout{background:#fff6e7}
.watchout strong{color:#975c15}
.flashcard{background:#183a73;box-shadow:0 12px 24px #183b722e}
.flashcard.flipped{background:#315b99}
.flashcard .side{color:#f3ce83}
.flashcard .hint{color:#dce8fd}
.primary-btn{background:#245bb3;border-color:#245bb3}
.choice:hover:not(:disabled){border-color:#3770c6;background:#f0f5ff}
.feedback{background:#eef4fd}
.feedback strong{color:#205396}
.result{background:#e8f0ff}
.result strong{color:#245bad}