@font-face{font-family:Arc;src:url('../../art/fonts/Rajdhani-Bold.ttf')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#e8e7e1;color:#172e37;font:16px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,select,input[type=number],textarea{border:1px solid #a6b2b3;border-radius:5px;background:#fff;color:#142c35;padding:9px 12px}button,a{min-height:44px}button{cursor:pointer;font-weight:650}button:hover{background:#eaf0ef}button:disabled{cursor:default;opacity:.5}button.primary{background:#244b56;color:#fff;border-color:#244b56}a{color:#244b56;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ce780c;outline-offset:3px}[hidden]{display:none!important}header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 24px;background:#172e37;color:#fff}header a{color:#fff}header nav{display:flex;flex-wrap:wrap;gap:9px;align-items:center}header nav>a{display:inline-flex;align-items:center;padding:8px}header button{background:#213e49;color:#fff;border-color:#63818a;font-size:14px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font-family:Arc,sans-serif;font-size:24px;line-height:1.15}.brand img{width:44px;height:44px;object-fit:contain}.brand small{display:block;font:13px/1.7 system-ui;color:#d9c99f}#lessons{display:flex;gap:6px;overflow-x:auto;padding:12px 24px;background:#f5f4ef;border-bottom:1px solid #c5cdcb}#lessons button{flex:0 0 auto;font-size:14px}#lessons button[aria-current=true]{background:#244b56;color:white;border-color:#244b56}main{max-width:1540px;margin:22px auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.85fr);gap:22px;padding:0 24px 35px}.lab,.controls{min-width:0}.lab{align-self:start;position:sticky;top:15px;background:#fdfcf8;border:1px solid #c0ccc9;border-radius:8px;padding:20px;box-shadow:0 4px 14px #172e3710}.lab-title{display:flex;gap:12px;align-items:center;justify-content:space-between}h1{font-family:Arc,sans-serif;font-size:36px;line-height:1.05;margin:3px 0 8px}h2{font-size:20px;line-height:1.25;margin:14px 0 8px}p{margin:8px 0 14px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.09em;margin:0;color:#526c72}.earth{text-align:right;white-space:nowrap;font-size:11px;line-height:1.7;color:#38564d}.earth strong{font-size:14px}.aim{color:#425e66;font-size:15px;margin:4px 0 14px}.trial-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.trial-tools>label:first-child{flex:1;min-width:190px}label{display:block;font-size:14px;font-weight:650}label>select{display:block;width:100%}#edit{width:130px;display:block}.check{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}.check input{width:18px;height:18px;flex:0 0 auto}.status{font-size:14px;min-height:21px;margin:10px 0}.scene-wrap{border:1px solid #bfcfcc;background:#edf2ef;border-radius:5px;overflow:hidden}svg{display:block;width:100%;height:auto;font-family:system-ui,sans-serif}svg text{fill:#1d3942}#metrics{display:flex;flex-wrap:wrap;gap:7px 20px;padding:10px 0;border-bottom:1px solid #d7dfdc;font-size:14px}#metrics span{white-space:nowrap}#metrics b{font-variant-numeric:tabular-nums}.graph-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.graph-heading h2{font-size:17px}.graph-heading label{max-width:70%;font-size:12px}.graph-heading select{font-size:14px;padding:7px}.transport{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #d7dfdc;padding-top:12px}.transport button{font-size:14px}.transport label{font-size:11px}.transport select{font-size:13px;padding:4px}.transport output{margin-left:auto;font-weight:750;font-size:15px;font-variant-numeric:tabular-nums}.scrub-label{font-size:12px;margin-top:10px}#scrub{width:100%;height:35px;accent-color:#244b56}details{padding:9px 0;border-bottom:1px solid #d7dfdc}summary{font-weight:700;cursor:pointer;padding:5px 0;min-height:36px}details p{font-size:14px}table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}td,th{padding:6px 9px;border:1px solid #c3cecb;text-align:left}th{background:#eef1ef;font-weight:700}.table-scroll{overflow-x:auto}#motionRows tr.current{background:#fff0c7}.result{font-size:14px;padding-top:6px;white-space:pre-line}.controls{background:#fffdf7;border:1px solid #c8cbc1;border-top:4px solid #c88b31;border-radius:6px;padding:20px}.step-nav{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:16px}.step-nav button{font-size:14px}#stepCount{font-size:12px;text-align:center}.equation{font-family:ui-monospace,monospace;font-size:15px;line-height:1.6;background:#eef3f0;border-left:3px solid #729787;padding:12px}.worksheet-heading{margin-top:22px}.worksheet-heading a{font-size:13px}.small{font-size:13px;line-height:1.5;color:#4d656b}.question{margin:20px 0;padding:0 0 16px;border-bottom:1px solid #d8ded8}.question label{font-size:15px}.question textarea{display:block;width:100%;resize:vertical;margin:9px 0}.question button{font-size:13px}.question details{border:0}.question summary{font-weight:500;font-size:13px}.record-text{font-size:12px;margin:7px 0;color:#415f51;white-space:pre-wrap;overflow-wrap:anywhere}#paperAll{width:100%;font-size:14px}.prediction{padding:14px;background:#f0f3ef;margin:20px 0}.prediction textarea{width:100%;resize:vertical;margin:7px 0}.prediction button{margin:4px 0;font-size:14px}#complete{width:100%}dialog{border:1px solid #719086;border-radius:8px;background:#fffdf7;color:#172e37;max-width:620px;width:calc(100% - 30px);max-height:90dvh;padding:24px}dialog::backdrop{background:#142c35aa}dialog p{font-size:15px}dialog button{margin:6px 6px 6px 0}.presentation main{display:block;max-width:1440px}.presentation .lab{position:static}.presentation .controls{margin-top:18px}.presentation .controls>details,.presentation .worksheet-heading,.presentation .controls>.small,.presentation #questions,.presentation #paperAll,.presentation .prediction,.presentation #complete,.presentation #completion{display:none}.presentation .lab-title h1{font-size:42px}.presentation #scene{max-height:52vh}.presentation #chart{max-height:32vh}.presentation #metrics{font-size:19px}.presentation .controls{font-size:20px}.presentation #equation{font-size:22px}.presentation #present{background:#dfbc70;color:#172e37}.number-pad{background:#f6f4ea!important}.number-pad input,.number-pad button{color:#172e37}body:has(.number-pad-open) #play{pointer-events:none;opacity:.5}
@media(min-width:1200px){.lab{padding:22px}#scene{max-height:355px}#chart{max-height:220px}}
@media(max-width:1000px){header{padding:12px 16px;flex-wrap:wrap}.brand{font-size:23px}main{grid-template-columns:minmax(0,1.15fr) minmax(310px,1fr);gap:14px;padding:0 14px}.lab,.controls{padding:14px}h1{font-size:30px}.lab{position:static}.trial-tools label.check{width:100%}#metrics{font-size:13px;gap:6px 11px}}
@media(max-width:760px){main{display:flex;flex-direction:column;margin:12px auto;padding:0 10px 25px}header nav{gap:5px}header nav a,header nav button{font-size:12px;padding:7px}#lessons{padding:10px;gap:5px}.lab,.controls{padding:13px}h1{font-size:30px}.earth strong{font-size:12px}.lab-title{gap:6px}.trial-tools{gap:6px}.trial-tools>label:first-child{min-width:160px}.trial-tools .check{margin:0;min-height:30px}#metrics{font-size:13px;gap:5px 12px}.graph-heading select{max-width:220px;font-size:13px}.transport output{font-size:14px}.transport button{padding:8px 10px}#chart{min-height:165px}.presentation #metrics{font-size:15px}.presentation .lab-title h1{font-size:30px}.presentation #equation{font-size:17px}.presentation .controls{font-size:16px}dialog{padding:18px}.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.presentation #paperAll,.presentation .prediction{display:block}.presentation .prediction{max-width:720px}.presentation #nextSection{margin-top:10px}