:root {
    --lesson-night: #12151c;
    --lab-paper: #fffaf0;
    --skill-gold: #d6a039;
    --review-plum: #6d5879;
    --handoff-blue: #4d7b95;
    --rubric-line: #d8cbb8;
    --quiet-ink: #242935;
}
* { box-sizing: border-box; }
body.dtl-body { margin: 0; min-height: 100vh; background: var(--lab-paper); color: var(--quiet-ink); font-family: Verdana, Geneva, sans-serif; line-height: 1.62; padding-left: 220px; }
.dtl-left-rail { position: fixed; inset: 0 auto 0 0; width: 220px; background: var(--lesson-night); color: var(--lab-paper); padding: 26px 22px; display: flex; flex-direction: column; gap: 28px; }
.dtl-badge { color: var(--skill-gold); font-weight: 900; text-decoration: none; text-transform: uppercase; }
.dtl-rail-links { display: grid; gap: 14px; }
.dtl-rail-links a, .dtl-footer-bench a, .dtl-mail-note a { color: inherit; text-decoration: none; border-bottom: 2px solid var(--skill-gold); width: fit-content; font-weight: 800; }
.dtl-stage { width: min(1160px, calc(100% - 34px)); margin: 0 auto; padding: 42px 0; }
.dtl-lesson-hero { display: grid; grid-template-columns: minmax(360px, 1fr) 360px; gap: 24px; align-items: stretch; }
.dtl-hero-copy, .dtl-study-head, .dtl-scoreboard, .dtl-lab-track, .dtl-evidence-board, .dtl-format-deck, .dtl-mail-note { border: 1px solid var(--rubric-line); background: #ffffff; padding: 28px; }
.dtl-hero-copy h1, .dtl-study-head h1, .dtl-policy-copy h1 { font-size: clamp(2.3rem, 5.6vw, 5.4rem); line-height: 0.93; margin: 8px 0 18px; color: var(--lesson-night); }
.dtl-label { color: var(--review-plum); font-weight: 900; text-transform: uppercase; font-size: 0.78rem; }
.dtl-snippet { font-size: 1.05rem; max-width: 780px; }
.dtl-disclaimer { margin-top: 18px; padding: 14px; background: #f0e8f3; border-left: 8px solid var(--review-plum); }
.dtl-scoreboard { background: var(--handoff-blue); color: #ffffff; }
.dtl-scoreboard ul { display: grid; gap: 14px; list-style: none; padding: 0; margin: 0; }
.dtl-scoreboard li { border-bottom: 1px solid rgba(255,255,255,0.45); padding-bottom: 12px; }
.dtl-scoreboard b { display: block; color: var(--skill-gold); font-size: 1.25rem; }
.dtl-lab-track { margin-top: 22px; }
.dtl-track-row { display: grid; grid-template-columns: 90px 210px 1fr; gap: 16px; align-items: start; padding: 16px 0; border-top: 1px solid var(--rubric-line); }
.dtl-track-row span { color: var(--review-plum); font-weight: 900; }
.dtl-evidence-board, .dtl-format-deck, .dtl-mail-note { margin-top: 22px; }
.dtl-evidence-board table { width: 100%; border-collapse: collapse; }
.dtl-evidence-board th, .dtl-evidence-board td { border: 1px solid var(--rubric-line); padding: 13px; text-align: left; vertical-align: top; }
.dtl-evidence-board th { background: var(--lesson-night); color: var(--lab-paper); }
.dtl-study-head { border-top: 10px solid var(--skill-gold); }
.dtl-syllabus-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; margin-top: 22px; }
.dtl-syllabus-grid article { padding: 22px; background: #ffffff; border: 1px solid var(--rubric-line); }
.dtl-format-deck dl { display: grid; grid-template-columns: 170px 1fr; gap: 14px 20px; }
.dtl-format-deck dt { color: var(--review-plum); font-weight: 900; }
.dtl-policy-copy { width: min(900px, calc(100% - 34px)); margin: 0 auto; padding: 42px 0; }
.dtl-policy-copy section { background: #ffffff; border-left: 7px solid var(--handoff-blue); padding: 18px; margin: 18px 0; }
.dtl-footer-bench { background: var(--lesson-night); color: var(--lab-paper); padding: 24px 32px 32px; }
.dtl-footer-bench nav { display: flex; gap: 18px; flex-wrap: wrap; }
@media (max-width: 900px) { body.dtl-body { padding-left: 0; } .dtl-left-rail { position: static; width: auto; } .dtl-lesson-hero, .dtl-track-row, .dtl-syllabus-grid, .dtl-format-deck dl { display: block; } .dtl-scoreboard, .dtl-track-row, .dtl-syllabus-grid article { margin-top: 14px; } }