:root{color-scheme:dark;--bg:#090909;--ink:#f6f6f6;--muted:#c9c9c9;--gold:#fcb034;--line:#414141;font:17px/1.5 "Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,select,a{ -webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:#181818;border:1px solid #666;border-radius:7px;padding:9px 14px;min-height:44px;cursor:pointer}button:hover:not(:disabled),a:hover{color:var(--gold)}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{padding:18px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.7rem;font-weight:750;letter-spacing:-.04em;text-decoration:none}.subbrand{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.12em;margin-top:3px}nav{display:flex;align-items:center;gap:12px}nav a{padding:10px 12px;font-size:.9rem}nav button{font-size:.9rem}main{max-width:1260px;margin:auto;padding:24px 28px}.eyebrow{color:var(--gold);font-size:.76rem;letter-spacing:.1em;font-weight:700;margin:0 0 7px}.lesson-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.step-picker{font-size:.78rem;color:var(--muted);min-width:230px;max-width:290px}.step-picker select{display:block;width:100%;font-size:.86rem;margin-top:5px}h1{font-size:clamp(1.65rem,2.7vw,2.3rem);line-height:1.15;margin:0;font-weight:680;letter-spacing:-.03em}h2{font-size:1.18rem;margin:0 0 8px}p{margin:0 0 12px}.intro{font-size:1.12rem;color:#ededed;max-width:1040px;margin:18px 0 14px}.paper{font-size:.94rem;border-left:4px solid var(--gold);padding:10px 14px;background:#1c170d;margin:0 0 22px}.paper strong{color:var(--gold)}.plots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plots.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:910px;margin:auto}.plots.three{grid-template-columns:repeat(3,minmax(0,1fr))}.plot{border:1px solid var(--line);border-radius:10px;padding:13px;background:#111;min-width:0}.plot h2{text-align:center;font-size:1rem;margin:0 0 4px}.plot svg{display:block;width:100%;max-height:295px;overflow:visible}.plot p{font-size:1rem;margin:10px 0 0}.plot .plot-note{color:var(--gold);font-weight:600}.axis{stroke:#bcbcbc;stroke-width:1.5}.grid{stroke:#2d2d2d;stroke-width:1}.tick{fill:#bebebe;font-size:12px}.mark{stroke:#fafafa;stroke-width:2.8;stroke-linecap:round}.guide{stroke:var(--gold);stroke-width:2;stroke-dasharray:6 5;opacity:0}.halo{fill:var(--gold);opacity:0}.direction-arrow{stroke:var(--gold);stroke-width:3;fill:none;opacity:0}.equation{text-align:center;font-size:1.6rem;letter-spacing:.015em;margin:7px 0}.tag{color:var(--gold);font-weight:600}.motion{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.motion-buttons{display:flex;gap:8px}.motion label{font-size:.86rem}.motion select{font-size:.86rem;padding:6px 10px}#motion-status{color:var(--muted);font-size:.86rem}.takeaway{font-size:1.12rem;line-height:1.5;margin:20px 0 0;max-width:1120px}.transport{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.primary{background:var(--gold);color:#080808;font-weight:750;border-color:var(--gold);min-width:120px}.primary:hover:not(:disabled){color:#000;background:#ffc865}.site-footer{padding:16px 28px 28px;color:#999;font-size:.76rem;text-align:center}.skip{position:absolute;left:12px;top:-100px;background:black;padding:10px;z-index:50}.skip:focus{top:12px}.control-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.control-row button[aria-pressed=true]{background:#2b2110;border-color:var(--gold);color:var(--gold)}.single-demo{max-width:510px;margin:auto}.r-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 20px}.r-scale button{font-weight:650;min-width:0;padding:8px}.r-scale small{display:block;font-weight:400;font-size:.74rem}.r-scale button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.practice-intro{margin:16px 0;font-size:.94rem;color:var(--muted)}.question{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px 18px;border-top:1px solid var(--line);padding:17px 0}.question label{font-size:1rem;font-weight:650}.question label span{display:block;font-size:.87rem;color:var(--muted);font-weight:400;margin-top:5px}.question select{width:100%;font-size:.95rem;align-self:start}.feedback{grid-column:1/-1;font-size:1rem;margin:0;padding:10px 14px;background:#1e1a11;border-left:3px solid var(--gold)}.correct{color:#ffcf7e}.practice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.notice{color:var(--gold);font-size:1rem;margin:14px 0}.cause{max-width:850px;margin:auto;padding:26px;border:1px solid var(--line);border-radius:10px}.cause h2{font-size:1.4rem}.cause p{font-size:1.15rem}.cause .choice{display:flex;gap:12px;margin:20px 0}.summary-list{max-width:830px;margin:auto;font-size:1.2rem}.summary-list li{padding:8px 0 8px 8px}.ready{max-width:850px;margin:auto}.ready p{font-size:1.1rem}.ready h2{margin-top:20px}.bridge-note{color:var(--muted);text-align:center;margin:16px 0 0}.slider-label{display:block;margin:18px 0;font-size:1.1rem}input[type=range]{display:block;width:100%;accent-color:var(--gold);height:40px}dialog{max-width:720px;width:calc(100% - 32px);max-height:90dvh;padding:28px;border:1px solid #666;border-radius:12px;background:#111;color:white}dialog::backdrop{background:#000b}dialog h2{font-size:1.5rem}dialog p{margin-bottom:15px}#close-help{margin-top:10px}.hidden{display:none!important}details{font-size:.85rem;color:var(--muted);margin-top:16px}summary{cursor:pointer}details p{margin-top:10px}.r-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.r-explanation{font-size:1.15rem}.r-explanation h2{font-size:1.8rem;color:var(--gold)}
@media(max-width:900px){main{padding:20px}.plots{grid-template-columns:repeat(2,minmax(0,1fr))}.plots.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plot{padding:10px}.plot svg{max-height:260px}.lesson-top{flex-direction:column;gap:16px}.step-picker{max-width:none;width:100%}.intro{font-size:1.05rem}.r-layout{gap:20px}.motion{gap:10px}.plot p{font-size:.95rem}}
@media(max-width:580px){header{padding:16px;flex-wrap:wrap;gap:14px}.brand{font-size:1.55rem}nav{width:100%;justify-content:space-between}nav a{padding-left:0}main{padding:19px 14px}.plots{gap:8px}.plots.two,.plots.three{grid-template-columns:1fr}.plot{padding:12px}.plots:not(.two):not(.three) .plot{padding:6px}.plot svg{max-height:290px}.plots:not(.two):not(.three) .plot h2{font-size:.9rem}.paper{font-size:.9rem}.question{grid-template-columns:1fr;gap:8px}.question select{max-width:240px}.r-layout{grid-template-columns:1fr}.r-scale{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.r-scale button{padding:8px 2px;font-size:.9rem}.r-scale small{font-size:.64rem;line-height:1.2;margin-top:4px}.motion{align-items:flex-start}.motion-buttons{width:100%}.motion-buttons button{flex:1;padding:8px 7px;font-size:.9rem}.cause{padding:18px}.transport{gap:7px}.transport button{padding:8px 10px;min-width:90px}#progress{font-size:.8rem}.takeaway{font-size:1.04rem}.cause .choice{flex-wrap:wrap}.intro{line-height:1.5}h1{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.question-tabs{display:flex;align-items:center;gap:8px;margin:15px 0 0;flex-wrap:wrap}.question-tabs button{font-size:.9rem}.question-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.question-tabs span{font-size:.85rem;color:var(--muted);margin-left:8px}h1:focus{outline:none}
@media(min-width:1000px){header{padding:11px 26px}.brand{font-size:1.5rem}main{padding:16px 28px}.lesson-top{gap:18px}h1{font-size:1.8rem}.intro{font-size:1rem;margin:12px 0}.paper{margin-bottom:14px;padding:8px 12px;font-size:.9rem}.plot svg{max-height:240px}.plot p{font-size:.92rem;margin-top:7px}.plot{padding:10px}.equation{font-size:1.35rem;margin:3px 0}.bridge-note{font-size:.86rem;margin:10px 0}.takeaway{font-size:1rem;margin-top:13px}.motion{margin-top:12px;padding-top:11px}.transport{margin-top:16px;padding-top:12px}.r-explanation{font-size:1rem}.r-explanation h2{font-size:1.5rem}.question{padding:12px 0}.question label{font-size:.95rem}.question label span{font-size:.8rem}.site-footer{padding:12px 24px;font-size:.7rem}}
@media(min-width:1000px) and (max-height:800px){header{padding:8px 26px}.subbrand{font-size:.6rem}.brand{font-size:1.35rem}main{padding:12px 24px}.eyebrow{font-size:.67rem;margin-bottom:4px}h1{font-size:1.65rem}.intro{margin:9px 0;font-size:.93rem}.paper{font-size:.83rem;padding:7px 11px;margin-bottom:10px}.plot svg{max-height:185px}.plot p{font-size:.84rem;line-height:1.35}.plot h2{font-size:.95rem}.plot{padding:8px}.bridge-note{font-size:.8rem;margin:8px 0}.equation{font-size:1.15rem}.r-layout{gap:24px}.r-explanation{font-size:.93rem}.r-explanation h2{font-size:1.35rem}.r-scale{margin-bottom:10px}.r-scale button{padding:5px;min-height:42px}.slider-label{font-size:1rem;margin:10px 0}.r-layout>div>p{font-size:.95rem}.motion{margin-top:10px;padding-top:8px;gap:10px}.motion button,.motion select,.transport button{padding:7px 11px;min-height:40px;font-size:.85rem}.takeaway{font-size:.93rem;margin-top:10px}.transport{margin-top:12px;padding-top:9px}.question-tabs{margin-top:9px}.question-tabs button{min-height:38px;padding:5px 10px;font-size:.83rem}.question{padding:10px 0}.question label{font-size:.92rem}.question select{font-size:.85rem;padding:6px;min-height:38px}.practice-actions button{font-size:.85rem;min-height:38px;padding:7px 11px}.feedback{font-size:.92rem;padding:7px 10px}.notice{font-size:.9rem;margin:8px 0}.site-footer{font-size:.65rem;padding:8px 24px}.ready p{font-size:1rem}.summary-list{font-size:1rem}.summary-list li{padding-top:5px;padding-bottom:5px}}

/* v1.1 keeps reading size and graph size instead of shrinking to a projector's height. */
body{padding-bottom:105px}html{scroll-padding-bottom:110px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bridge-card,.bridge-today{background:#121212;border:1px solid var(--line);border-radius:10px;padding:20px}.bridge-card .tag{font-size:.88rem;margin-bottom:12px}.bridge-card h2{font-size:1.25rem}.bridge-today{margin-top:20px;border-left:4px solid var(--gold)}.bridge-today h2{color:var(--gold)}.bridge-today p:last-child,.bridge-card p:last-child{margin-bottom:0}.question-tabs{align-items:stretch;gap:10px}.question-tabs button{font-size:.98rem;min-height:58px;line-height:1.3}.question-tabs small{display:block;font-size:.72rem;font-weight:400;margin-top:4px;color:var(--muted)}.question-progress{font-size:.94rem;margin:10px 0;color:var(--muted)}.practice-note{font-size:.88rem;margin-top:14px;color:var(--muted)}.source-choice{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 20px}.source-choice button{flex:1;min-width:200px;min-height:60px}.source-choice button[aria-pressed=true]{background:#2b2110;border-color:var(--gold);color:var(--gold)}.source-confirm{padding:16px;border-left:4px solid var(--gold);background:#1c170d}.summary-list{padding-left:27px;margin-bottom:18px}.family-prompt{color:var(--muted);padding-top:10px}.finish{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.notice-box{margin:20px 0;border:2px solid var(--gold);padding:20px;border-radius:10px;background:#201a10}.notice-box:focus{outline:3px solid white;outline-offset:3px}.notice-box p{max-width:900px}#scatter-value{display:block;color:var(--muted);font-size:.85rem;margin:5px 0 12px}#question-heading:focus{outline:3px solid var(--gold);outline-offset:4px}.transport{position:fixed;bottom:0;left:0;right:0;z-index:20;max-width:1260px;margin:0 auto!important;padding:14px 24px!important;background:#101010f7;border:1px solid #555;box-shadow:0 -8px 24px #0009;min-height:76px}.transport button{font-size:.95rem!important;min-height:44px!important;max-width:44%;white-space:normal}.transport #progress{font-size:.85rem;line-height:1.3;text-align:center;max-width:170px}.transport button:disabled{opacity:.7}.plot svg{max-height:285px}.plot h2{font-size:1.05rem}.plot p{font-size:1rem;line-height:1.5}.intro,.takeaway,.question label,.feedback{font-size:1.03rem;line-height:1.5}.paper{font-size:.96rem;line-height:1.5;padding:12px 14px;margin-bottom:18px}.question label span{font-size:.94rem}.question select{font-size:1rem;min-height:46px}.practice-actions button,.motion button,.motion select{font-size:.94rem;min-height:44px}.r-explanation,.r-layout>div>p{font-size:1.05rem}.r-explanation h2{font-size:1.6rem}.r-scale button{min-height:64px}.slider-label{font-size:1.05rem}.site-footer{font-size:.77rem;padding:18px 24px}.bridge-note{font-size:.95rem}.ready p,.summary-list{font-size:1.05rem}
@media(max-width:900px){.bridge-grid{grid-template-columns:1fr}.bridge-card{padding:17px}.bridge-today{padding:18px}.plots.three{grid-template-columns:1fr;max-width:560px;margin:auto}.plot svg{max-height:300px}.transport{padding:12px 18px!important}}
@media(max-width:580px){body{padding-bottom:125px}html{scroll-padding-bottom:130px}.transport{padding:10px!important;gap:8px;min-height:90px}.transport button{padding:10px 8px;min-width:80px;font-size:.83rem!important}.transport #progress{font-size:.74rem;max-width:85px}.source-choice{gap:10px}.source-choice button{min-width:0;width:100%;flex:auto;font-size:1rem}.r-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r-scale button{font-size:1rem;min-height:76px;padding:8px}.r-scale small{font-size:.75rem;line-height:1.3}.question-tabs{gap:6px}.question-tabs button{flex:1;padding:8px 4px;font-size:.85rem;min-width:0}.question-tabs small{font-size:.67rem}.practice-actions{gap:8px}.practice-actions button{font-size:.9rem;padding:10px}.plots:not(.two):not(.three) .plot h2{font-size:.97rem}.paper{font-size:.94rem}.question label span{font-size:.92rem}.bridge-card .tag{font-size:.8rem}.bridge-note{font-size:.92rem}}

/* Keep navigation in its own row; the lesson scrolls without an overlay. */
html{height:100%;scroll-padding:0}body{height:100dvh;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}header{flex:0 0 auto}main{display:flex;flex-direction:column;min-height:0;flex:1 1 0;width:100%;max-width:1260px;padding:0!important}.lesson-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 28px;scroll-padding:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.lesson-content:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.transport{position:static;flex:0 0 auto;left:auto;right:auto;bottom:auto;width:100%;max-width:none;min-height:72px;box-shadow:none;background:#101010;border-left:0;border-right:0;border-bottom:0}.scroll-cue{flex:0 0 auto;text-align:center;font-size:.83rem;line-height:1.35;margin:0;padding:6px 14px;color:var(--gold);background:#19150e;border-top:1px solid #494030}.site-footer{margin-top:22px;padding-bottom:24px}.notice-box{scroll-margin:16px}#question-heading{scroll-margin:24px}
@media(max-width:580px){.lesson-content{padding:18px 14px}.scroll-cue{font-size:.78rem;padding:6px 8px}.transport{min-height:78px}header{padding:12px 16px;gap:8px}.brand{font-size:1.45rem}nav a,nav button{font-size:.86rem;padding-top:7px;padding-bottom:7px;min-height:40px}.subbrand{font-size:.59rem}.site-footer{padding-left:5px;padding-right:5px}}