/* Shared appearance preferences for all eight pages. */
.top{flex-wrap:wrap;gap:18px}.top nav{flex:1;justify-content:center}.settings-open{display:flex;align-items:center;gap:8px;background:#edf3ef;color:#19485b;border:1px solid #cbded3;padding:9px 13px;font-size:12px;white-space:nowrap}.settings-open span{font-size:19px;line-height:1}.settings-dialog{background:#fff;color:var(--ink);width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 22px 100px #0004}.settings-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.settings-heading h2{font-size:26px;margin:10px 0}.settings-heading button{padding:7px 12px}.settings-description,.settings-help{font-size:13px;color:var(--muted)}.settings-dialog>label:not(.settings-motion){font-size:14px;font-weight:650;margin:22px 0 10px}.settings-dialog select{display:block;width:100%;padding:12px;font-size:14px}.settings-motion{display:flex;align-items:center;gap:12px;font-size:14px;margin:26px 0 8px}.settings-motion input[type=checkbox]{width:19px;height:19px;accent-color:#19485b;margin:0;flex:0 0 19px}.settings-dialog output{font-size:12px;color:var(--accent)}.settings-dialog .actions{margin-bottom:0}.settings-dialog .actions button{font-size:12px}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark;--ink:#eef4f0;--muted:#b0bdb5;--accent:#a0dfbf;--line:#35423a;--mint:#3d725b;--paper:#050505;--soft:#141a17}
[data-theme=dark] body{background:#050505;color:var(--ink)}
[data-theme=dark] .top{background:#080b09f5;border-color:var(--line)}
[data-theme=dark] :is(.panel,.lesson,.exam-page,.settings-dialog,.source-images figure,.git-explainer){background:#101412;border-color:var(--line)}
[data-theme=dark] :is(.term,.term:nth-child(2n),details,.topic-links a,.options button,.human-flow li,.person-detail,.spoken-example,.visual-map,.trace,.tool-controls output){background:#191f1b;color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.key,.guide-tip,.person-lesson,.message-card,.timeline-detail,.exam-feedback,.exam-result,#change-feedback,#audit-result){background:#15231b;color:#e2f1e7;border-color:#3f6150}
[data-theme=dark] .pitfall{background:#2c2414;color:#f1dcad}
[data-theme=dark] :is(.eyebrow,.remember,.stage-evidence,.person-illustration span,.message-card span,.concept-explanation strong,.visual-map pre,.topic-visual figcaption strong,.hero-art small){color:#a0dfbf}
[data-theme=dark] :is(input,select,textarea){background:#090d0a;color:#eef4f0;border-color:#53675b}
[data-theme=dark] :is(button,.button){background:#a0dfbf;color:#0b2116}
[data-theme=dark] :is(.quiet,.settings-open,.file-button){background:#1c2721;color:#b6edce;border:1px solid #3d5547}
[data-theme=dark] :is(.team-select button,.timeline-stops button,.exam-option,.process-track li){background:#1a211c;color:#d9e7de}
[data-theme=dark] .team-select button[aria-pressed=true]{background:#234330;border-color:#a0dfbf;color:#f3fff7}
[data-theme=dark] :is(.exchange-buttons button[aria-pressed=true],.exam-choices button[aria-pressed=true],.process-track li.active){background:#a0dfbf;color:#10281b}
[data-theme=dark] .exam-option:has(input:checked){background:#244832;border-color:#a0dfbf;color:#f5fff8}
[data-theme=dark] .exam-option input[type=radio]{accent-color:#a0dfbf}
[data-theme=dark] .answer{color:#d1e4d9}
[data-theme=dark] .stop-dot{background:#171f19;border-color:#637e6c;color:#d1e4d9}
[data-theme=dark] .timeline-stops button{background:transparent;color:#c0cfc6}
[data-theme=dark] .timeline-stops button[aria-pressed=true]{color:#b6edce}
[data-theme=dark] .timeline-stops button[aria-pressed=true] .stop-dot{background:#a0dfbf;color:#10281b;border-color:#a0dfbf;box-shadow:0 0 0 5px #254031}
[data-theme=dark] .timeline-stops .passed .stop-dot{background:#284834;color:#d7f5e2;border-color:#6f9c80}
[data-theme=dark] .timeline-stops li:not(:last-child):after{background:#506b59}
[data-theme=dark] .process-track li.done{background:#254431;color:#cbefd9}
[data-theme=dark] .flash{background:linear-gradient(130deg,#19291f,#102019);color:#edf8f0;border-color:#466453}
[data-theme=dark] .settings-motion input[type=checkbox]{accent-color:#a0dfbf}
[data-theme=dark] .git-explainer>img{background:white;border-radius:12px;padding:5px}
[data-theme=dark] .skip{background:#121a15;color:#c8f2d8}
[data-theme=dark] pre{background:#090d0b;color:#d6eadf}
[data-theme=dark] .visual-map pre{background:transparent}
html[data-text=large] body{font-size:18px}
[data-text=large] :is(.lesson p,.term p,.speech p,.guide-tip p,.exam-option span,.exam-feedback,.intro,.message-card p,.person-detail p,.answer,.flash small){font-size:17px!important;line-height:1.9}
html[data-motion=reduced]{scroll-behavior:auto}
[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1000px){.top{flex-direction:row;align-items:center;justify-content:space-between}.top nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start}.settings-open{margin-left:auto}.top .brand small{display:none}}
@media(max-width:550px){.settings-open{font-size:11px;padding:8px 10px;gap:5px}.settings-open span{font-size:17px}.settings-dialog{padding:22px}.settings-heading h2{font-size:23px}.top .brand{font-size:21px;gap:6px}.top .brand img{width:30px;height:30px}}
@media print{.settings-open,.settings-dialog{display:none!important}html[data-theme=dark]{--ink:#000;--paper:#fff;--muted:#333}html[data-theme=dark] body{background:#fff!important;color:#000!important}}

.sdlc-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#19485b;color:white;font-weight:800;font-size:18px;margin-bottom:16px}[data-theme=dark] .sdlc-number{background:#a0dfbf;color:#10281b}
.quick-review .term{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:0}.quick-review .term h3{margin-bottom:14px}.quick-review .term p{margin:0 0 14px}.quick-review .term .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;margin-top:10px;padding:12px 18px;line-height:1.6;text-align:center;white-space:normal}.quick-review .term>a:not(.button){display:inline-block;margin-top:8px}.quick-review .term:has(.button){justify-content:flex-start}.quick-review .term:has(.button)>p{max-width:48ch}@media(max-width:550px){.quick-review .term{padding:22px}.quick-review .term .button{margin-top:12px}}

.exam-option.answer-wrong,.exam-option.answer-wrong:has(input:checked){background:#fff0f0;border-color:#c33035;color:#8c1820}.exam-option.answer-correct{background:#e2f3e7;border-color:#2b7a47;color:#185b30}.exam-feedback.feedback-wrong{background:#fff0f0;border-left:4px solid #c33035;color:#8c1820}.exam-feedback.feedback-wrong a{color:#8c1820}.exam-feedback.feedback-correct{border-left:4px solid #2b7a47}.exam-option.answer-wrong input[type=radio]{accent-color:#c33035}.exam-option.answer-correct input[type=radio]{accent-color:#2b7a47}[data-theme=dark] .exam-option.answer-wrong,[data-theme=dark] .exam-option.answer-wrong:has(input:checked){background:#3b191c;border-color:#ff858b;color:#ffdadd}[data-theme=dark] .exam-option.answer-correct{background:#173f29;border-color:#91daa8;color:#d9ffe5}[data-theme=dark] .exam-feedback.feedback-wrong{background:#32171a;border-color:#ff858b;color:#ffdadd}[data-theme=dark] .exam-feedback.feedback-wrong a{color:#ffb1b6}[data-theme=dark] .exam-feedback.feedback-correct{border-color:#91daa8}[data-theme=dark] .exam-option.answer-wrong input[type=radio]{accent-color:#ff858b}[data-theme=dark] .exam-option.answer-correct input[type=radio]{accent-color:#91daa8}

.applied-visual{margin:16px 0 20px}.applied-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.applied-visual figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.concept-example .eyebrow{font-size:10px!important}.concept-example>p:last-child{line-height:1.9}

html[data-theme=dark] body .exam-feedback.feedback-wrong{background:#32171a;color:#ffdadd;border-left:4px solid #ff858b}html[data-theme=dark] body .exam-feedback.feedback-wrong a{color:#ffb1b6}

.applied-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.applied-panel>img{position:absolute;display:block;max-width:none;width:200%;height:200%;aspect-ratio:auto;object-fit:fill;left:0;top:0;border:0;border-radius:0}.applied-panel.quadrant-1>img{left:-100%}.applied-panel.quadrant-2>img{top:-100%}.applied-panel.quadrant-3>img{left:-100%;top:-100%}