:root{color-scheme:light}.header-tools{display:flex;align-items:center;gap:18px}.theme-control{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.theme-control select{font-size:11px;padding:7px 9px}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1822;--ink:#e2edf3;--muted:#a2b7c5;--line:#304653;--blue:#63d1cb;--green:#7dd8b7}
[data-theme=dark] :is(header,aside,.panel,.use-case,.controls,.narrative,.experiment,.quiz-option,button,select){background:#152631;border-color:#304653;color:#e2edf3}
[data-theme=dark] :is(.course-status,.course-filters,.journey,.credential,.refs a,.domains span,.lesson-quiz>.panel-head,.experiment select){background:#1a313e;border-color:#35505e;color:#c0d4df}
[data-theme=dark] :is(.subtitle,.side-note,.concept p,.narrative p,.use-case p,.experiment p,.learning-target,.journey p,.actor,.concept h3,.narrative h3,.use-case h2,.panel-head,.experiment h3,.quiz-item legend,.course-status strong,.side-note b){color:#cadce6}
[data-theme=dark] :is(.eyebrow,.pattern,.level-heading,.brand small,.nav small,.actor small,.panel-head small,.use-case small,.use-case-head span:last-child,.course-status small,.learning-target b,.quiz-item details,.counter,footer,#quiz-result){color:#a2b7c5}
[data-theme=dark] .badge{background:#1b3440;border-color:#35505e;color:#b8ced8}
[data-theme=dark] .nav{background:transparent;color:#c5d8e2}[data-theme=dark] .nav:disabled{color:#92a7b5}[data-theme=dark] .nav:disabled small{color:#8ba3b1}
[data-theme=dark] :is(.nav.active,.nav:not(:disabled):hover,.course-filters button[aria-pressed=true],.quiz-option:has(input:checked)){background:#20464c;color:#b6f3e8;border-color:#63bcb6}
[data-theme=dark] :is(.nav.active small,.course-filters button,.credential b){color:#a7d4d5}
[data-theme=dark] .diagram{background-color:#10222e;background-image:radial-gradient(#2a404e .8px,transparent .8px)}
[data-theme=dark] .icon{background:#1c3b48!important;border-color:#416375!important;color:#9adce1!important}
[data-theme=dark] svg text{fill:#b3cbd8}[data-theme=dark] svg .current text{fill:#82e7dc}[data-theme=dark] svg .current line{stroke:#82e7dc}[data-theme=dark] .packet{fill:#82e7dc}[data-theme=dark] svg .future{opacity:.72}
[data-theme=dark] :is(.inspector,.tabs){background:#091a26;border-color:#2c4656}[data-theme=dark] .tabs button{background:transparent;color:#a3bdcb}[data-theme=dark] .tabs .chosen{color:#85e4d9}[data-theme=dark] pre{color:#d3e6ef}
[data-theme=dark] :is(.primary,.phase-buttons .active,#continue-lesson:not(:disabled)){background:#237b83;color:white;border-color:#439ca2}
[data-theme=dark] .quiz-option:hover{background:#203d4b}[data-theme=dark] .quiz-item{border-color:#304653}[data-theme=dark] .use-case-head span:first-child{background:#214d4d;color:#a3eee0}[data-theme=dark] body[data-kind=AuthN] .use-case-head span:first-child{background:#3a3155;color:#dbc6ff}
[data-theme=dark] .legacy-note{background:#3d3223;color:#f2d39c;border-color:#6d5839}[data-theme=dark] .concept #go-quiz{background:#1c3d48;color:#98e4df;border-color:#3a6971}[data-theme=dark] #course-toggle{background:#203946;color:#d4e5ed;border-color:#45606d}[data-theme=dark] .progress,[data-theme=dark] .course-meter{background:#304653}
@media(max-width:650px){.header-tools{gap:0;margin-left:auto}.theme-control{font-size:0;gap:0}.theme-control select{font-size:10px;padding:7px}#course-toggle{margin-left:0}header{gap:9px}.brand{font-size:16px;gap:7px}.brand small{letter-spacing:1px}}