:root,:root[data-theme="dark"]{color-scheme:dark;--learn-bg:#101a1e;--learn-text:#e9efed;--learn-panel:#19282e;--learn-raised:#23383e;--learn-header:#142127;--learn-muted:#b6c8ca;--learn-link:#a8dfe5;--learn-line:#425b63;--learn-accent:#e9c37d;--learn-input:#111f25;--learn-button:#284751;--learn-button-text:#f1f7f5;--learn-error:#ffb4a8;--gold:var(--learn-accent);--muted:var(--learn-muted);--line:var(--learn-line);--panel:var(--learn-panel);background:var(--learn-bg);color:var(--learn-text)}
:root[data-theme="light"]{color-scheme:light;--learn-bg:#f6f2e9;--learn-text:#19313b;--learn-panel:#fff;--learn-raised:#e8efeb;--learn-header:#e2eae6;--learn-muted:#49616a;--learn-link:#165b68;--learn-line:#b6c8c8;--learn-accent:#795421;--learn-input:#fff;--learn-button:#184e5b;--learn-button-text:#fff;--learn-error:#942d20}
html body{background:var(--learn-bg);color:var(--learn-text)}html a{color:var(--learn-link)}html header,html footer{background:var(--learn-header);color:var(--learn-muted);border-color:var(--learn-line)}html header{align-items:center;flex-wrap:wrap}html header a,html .brand{color:var(--learn-text)}html header nav a{color:var(--learn-muted)}html header nav a[aria-current=page]{color:var(--learn-accent)}html .eyebrow,html h4{color:var(--learn-accent)}html .card,html .panel,html .reader{background:var(--learn-panel);border-color:var(--learn-line)}html .reader-tools{background:var(--learn-panel);border-color:var(--learn-line)}html .notice,html .callout,html .technical-notes,html .account-strip,html .exercise-form,html .listening-bar,html label.option{background:var(--learn-raised);color:var(--learn-text);border-color:var(--learn-line)}html .notice,html .callout,html .technical-notes{border-left-color:var(--learn-accent)}html input,html textarea,html select,html .exercise-answer input,html .reader-tools select{background:var(--learn-input);color:var(--learn-text);border-color:var(--learn-line);accent-color:var(--learn-accent)}html button,html .button{background:var(--learn-button);color:var(--learn-button-text);border-color:var(--learn-line)}html button.secondary,html .cue-button{background:var(--learn-raised);color:var(--learn-link);border:1px solid var(--learn-line)}html button.primary,html .button.primary{background:var(--learn-accent);border-color:var(--learn-accent);color:var(--learn-bg)}html aside a[aria-current],html .syllabus a[aria-current=page]{background:var(--learn-raised);color:var(--learn-accent)}html .teaching-visual figcaption,html .reading-prose .subtitle,html .lesson-figure figcaption{color:var(--learn-muted)}html .teaching-visual img,html .lesson-figure>a{border-color:var(--learn-line)}html .lesson-figure>a{background:var(--learn-panel)}html .account-strip .error{color:var(--learn-error)}html .pill.accepted{color:var(--learn-link)}html progress{accent-color:var(--learn-accent)}html #notice{background:var(--learn-raised);color:var(--learn-text)}html :focus-visible{outline:3px solid var(--learn-accent);outline-offset:3px}html .skip{background:var(--learn-panel);color:var(--learn-text)}#learning-theme-toggle{flex:none;white-space:nowrap;padding:8px 13px;font:600 14px/1.5 system-ui,sans-serif;border:1px solid var(--learn-line);border-radius:8px;min-height:40px;margin-left:auto}/* Teaching artwork keeps its original color relationships in either reading theme. */
@media(prefers-reduced-motion:no-preference){#learning-theme-toggle{transition:background-color .15s,color .15s}}
html .mastery-summary{background:var(--learn-raised);color:var(--learn-text)}html .mastery-panel{border-top-color:var(--learn-accent)}html .mastery-panel .error{color:var(--learn-error)}@media screen{html .earned-certificate{background:var(--learn-panel);color:var(--learn-text);border-color:var(--learn-accent)}}

/* Enrollment uses dynamic direct children rather than the lesson shell. */
@media screen {
html body.course-standard main>section,html body.course-standard main>article,
html body.course-standard #admin article{background:var(--learn-panel);color:var(--learn-text);border-color:var(--learn-line)}
html body.course-standard main>section h2,html body.course-standard main>section h3{color:var(--learn-text)}
html body.course-standard table,html body.course-standard th,html body.course-standard td{border-color:var(--learn-line)}
html body.course-standard main>section label,html body.course-standard main>section summary{color:var(--learn-text)}
html body.course-standard #message{color:var(--learn-error)}
}