:root{color-scheme:light;--ink:#18362e;--muted:#52655c;--paper:#f4f3eb;--line:#d6ddd1;--lime:#dfedaa;--green:#224d3c;--orange:#a64725;--blue:#236475;font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}button{min-height:44px;border:1px solid #9eafa1;border-radius:7px;background:#fffef8;color:var(--ink);padding:9px 16px;font-weight:650}button:hover:not(:disabled){background:#edf2df;border-color:var(--green)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green);display:flex;justify-content:space-between;gap:25px;width:100%;margin-top:17px}.primary:hover:not(:disabled){background:#173a2c}input,select,textarea{border:1px solid #82978a;border-radius:5px;background:#fffef9;color:var(--ink);padding:10px;max-width:100%}select{width:100%;min-height:46px}textarea{display:block;width:100%;resize:vertical}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a64725;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}.mast{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(4vw,20px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-weight:500;font-size:10px;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:30px;width:46px;height:46px;border-radius:50%}.mode{background:#e6eddd;border:1px solid #c9d4bd;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:650}.recorded{font-size:13px}main{max-width:1440px;margin:auto;padding:0 4vw 50px}.intro{max-width:1000px;margin:54px 0 44px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;align-items:end}.intro .eyebrow{grid-column:1/-1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--muted);margin:0 0 12px}h1{font-weight:550;font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-.03em;margin:10px 0 16px}h3{font-size:17px;margin:0;line-height:1.35}.intro>p:last-child{font-size:16px;margin:0;color:var(--muted);max-width:450px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px}.mission-rail{align-self:start;position:sticky;top:22px}#missions{display:grid;gap:5px}#missions button{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:7px;background:transparent;border-color:transparent;font-size:14px;font-weight:550;padding:12px 9px;min-height:52px}#missions button span{font:12px/1.9 ui-monospace,monospace;color:var(--muted)}#missions button[aria-current=step]{background:var(--green);color:white}#missions button[aria-current=step] span{color:var(--lime)}.rail-note{font-size:12px;color:var(--muted);margin:20px 9px}.notebook-link{border-top:1px solid var(--line);margin-top:32px;padding:20px 9px;display:flex;gap:12px;align-items:center}.notebook-link>span{font:36px/1 Georgia,serif}.notebook-link p{font-size:11px;line-height:1.8;margin:0}.main-column{min-width:0;max-width:960px}.briefing{margin-bottom:26px}.briefing:focus{outline:none}.section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.pill{border:1px solid var(--line);border-radius:25px;padding:4px 10px;font-size:10px;white-space:nowrap;color:var(--muted)}.briefing>p{max-width:780px}.goal{font-weight:650}.briefing details{border-left:3px solid #aabb9c;padding:4px 0 4px 18px;margin-top:24px}.briefing details p{margin:9px 0 2px;color:var(--muted)}summary{min-height:36px;font-size:14px;font-weight:650}details p{font-size:16px}.card{background:#fffef8;border:1px solid var(--line);border-radius:12px;padding:25px 28px;margin:20px 0;box-shadow:0 3px 7px #243c2604}.controls{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.control{flex:1 1 170px;max-width:260px;font-size:13px;font-weight:650}.control label{display:block;margin-bottom:5px}.conditions{border-block:1px solid #e2e5da;padding:10px 0;margin-bottom:22px}.conditions p{font-size:13px;color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;font-size:12px}dl>div{display:flex;justify-content:space-between;gap:12px}dt{color:var(--muted)}dd{font-family:ui-monospace,monospace;margin:0}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-size:18px;font-weight:650;margin-bottom:12px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #c6d2c0;border-radius:6px;padding:9px 13px;font-size:14px;background:#f8faf1}.choice:has(input:checked){border-color:var(--green);background:#e4edcd}.choice input{accent-color:var(--green);margin:0;width:18px;height:18px}label[for=prediction-reason],label[for=explanation]{display:block;font-size:14px;font-weight:650;margin:12px 0 8px}label span{font-weight:400;color:var(--muted)}.micro{font-size:12px;color:var(--muted);line-height:1.5}.empty{text-align:center;color:var(--muted);padding:10px 15px 30px}.empty svg{width:100%;max-width:650px;color:#8a9e7e}.empty p{font-size:15px}.viewport{background:#142e26;border-radius:8px;overflow:hidden}#flight{display:block;width:100%;height:auto;color:#e8eedb}.playback{display:flex;align-items:center;gap:8px;margin-top:14px}.playback input{flex:1;min-width:50px;accent-color:var(--green);padding:0}.playback button{padding:8px 13px;font-size:13px}.playback output{font:12px ui-monospace,monospace;min-width:52px;text-align:right}.state-values{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-top:20px}.state-value{background:#f5f6ed;padding:12px 8px}.state-value span{display:block;font-size:11px;color:var(--muted)}.state-value strong{display:block;font:21px/1.5 ui-monospace,monospace}.state-value small{font-size:10px;color:var(--muted)}.frame-description{font-size:13px;color:var(--muted)}.feedback{padding:15px 18px;background:#eef3df;border-left:3px solid #75904b;margin:20px 0;font-size:15px}.feedback strong{display:block;margin-bottom:5px}.feedback p{margin:6px 0}.notice,#error{padding:14px 18px;background:#fff0d7;border-left:3px solid #b27227;font-size:14px}.impact{margin:22px 0}.impact h4{font-size:17px;margin:12px 0}.impact table{border-collapse:collapse;width:100%;font-size:14px}.impact th,.impact td{padding:10px 6px;text-align:left;border-bottom:1px solid var(--line)}.impact button{margin-top:12px;font-size:13px}.causal-graph{display:flex;align-items:stretch;gap:20px;margin:24px 0;flex-wrap:wrap}.cause-node{position:relative;background:#f0f4e6;border:1px solid #c9d7b4;border-radius:5px;flex:1 1 130px;padding:14px;font-size:14px}.cause-node:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:18px}#source pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#162e27;color:#e1edcf;border-radius:6px;padding:15px;line-height:1.6}#source h4{font-size:12px;text-transform:capitalize}.hint-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.hint-row button{font-size:13px}.application{margin:25px 0;border-block:1px solid var(--line);padding:20px 0}.application h4{margin:0 0 8px;font-size:17px}.application label{display:block;font-size:14px}.application form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.application input{width:160px}.application p{font-size:15px}.application .result{margin-bottom:0}.run-record{padding:16px 0;border-top:1px solid var(--line)}.run-record summary{font-size:14px}.run-record p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.run-record .micro{font-size:12px}.comparison-table{width:100%;border-collapse:collapse;font-size:13px}.comparison-table td,.comparison-table th{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.comparison-label{font-size:14px}.quiet{margin-top:20px;background:transparent;font-size:12px}footer{font-size:12px;color:var(--muted);padding:12px 0 35px;max-width:760px}footer p{max-width:710px}.catch-panel{background:#f0f3e7;padding:18px;border-radius:8px}.catch-panel p{font-size:14px}.catch-panel svg{max-width:360px;width:100%}#download{white-space:nowrap;font-size:12px}[hidden]{display:none!important}button,select,input,textarea{transition:background-color .15s,border-color .15s}@media(min-width:1200px){.experiment{padding:27px 32px}.observation{padding:27px 32px}}@media(max-width:850px){.intro{grid-template-columns:1fr;gap:22px;margin-top:35px}.intro>p:last-child{max-width:650px}.layout{grid-template-columns:1fr;gap:15px}.mission-rail{position:static}#missions{grid-template-columns:repeat(5,1fr)}#missions button{grid-template-columns:1fr;padding:9px;text-align:center;font-size:11px;line-height:1.4}#missions button span{font-size:10px}.rail-note{margin:10px 0}.notebook-link{display:none}.mission-rail>.eyebrow{display:none}.main-column{max-width:none}.intro h1 br{display:none}}@media(max-width:540px){:root{font-size:16px}.mast{padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:12px}.brand-mark{width:36px;height:36px;font-size:24px}.brand small{font-size:8px}.mode{font-size:10px;padding:5px 8px}.recorded{font-size:11px;margin-left:48px}.intro{margin:30px 0 26px}.intro p:last-child{font-size:16px}main{padding-inline:16px}.intro h1{font-size:38px}.layout{gap:12px}h2{font-size:29px}.card{padding:20px 16px;border-radius:8px}.section-top{align-items:start}.section-top .micro{max-width:100px;text-align:right}.pill{font-size:9px;padding:3px 7px}#missions{gap:1px}#missions button{font-size:10px;padding:8px 3px}.choices{display:grid;grid-template-columns:1fr}.choice{min-height:47px}.control{max-width:none;flex-basis:115px}.state-values{grid-template-columns:repeat(3,1fr)}.state-value strong{font-size:22px}.state-value{padding:10px}.playback{gap:5px}.playback button{padding:7px 10px}.playback output{font-size:10px;min-width:45px}.causal-graph{display:grid;grid-template-columns:1fr;gap:17px}.cause-node:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-20px;transform:none}.comparison-table thead{display:none}.comparison-table tr{display:block;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.comparison-table td{display:flex;justify-content:space-between;gap:15px;border-bottom:none;padding:3px 0}.comparison-table td:before{content:attr(data-label);font-weight:650}.impact table{font-size:12px}.impact td,.impact th{padding:8px 2px}dl{grid-template-columns:1fr}.hint-row{align-items:start;flex-direction:column;gap:6px}.application input{width:145px}#notebook>.section-top{flex-direction:column}#download{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.component-diagram{margin-top:18px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#f2f5e9;border-radius:7px;padding:12px}.component-diagram svg{width:300px;max-width:100%;height:auto}.component-diagram p{flex:1 1 180px;font-size:14px}.component-diagram strong{display:block}

@media(max-width:540px){#missions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#missions button{grid-template-columns:20px 1fr;text-align:left;font-size:13px;padding:9px;min-height:47px}#missions button:last-child{grid-column:1/-1}#missions button span{font-size:11px}}
.intro>div>p{font-size:17px;margin:0 0 14px}.intro .intro-scope{font-size:13px;color:var(--muted)}.start-link{display:inline-block;font-size:14px;font-weight:700;padding:9px 0}.sample-actions{display:flex;flex-wrap:wrap;gap:8px}.diagnosis-card{margin-block:20px}.diagnosis-card h4{font-size:16px}.sampling-task{margin-top:30px;border-top:2px solid var(--line);padding-top:24px}.sampling-task legend{font-size:16px}.sampling-task label[for=sampling-reason]{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.sampling-task button{margin-top:12px}.sampling-task table{width:100%;border-collapse:collapse;font-size:13px}.sampling-task th,.sampling-task td{padding:10px 7px;text-align:left;border-bottom:1px solid var(--line)}.sampling-task caption{text-align:left;margin-bottom:12px;font-weight:650}.table-scroll{max-width:100%;overflow-x:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#sample-evidence h4{margin-top:0}@media(max-width:540px){.intro>div>p{font-size:16px}.intro .intro-scope{font-size:13px}.sampling-task th,.sampling-task td{padding:8px 4px;font-size:12px}.sampling-task .table-scroll{margin-inline:-6px}}
/* The numeric-answer layout must not stretch choice inputs. */
.application .choice{display:flex;gap:8px;font-size:16px;align-items:center}.application .choice input{width:18px;height:18px;flex:0 0 18px}.application .choice span{color:var(--ink)}.application p,.application legend{font-size:16px}.application #application-form input{width:160px}.feedback.miss{background:#fff0d7;border-color:#b27227}.feedback.match{background:#eef3df;border-color:#75904b}.gap-result{font-weight:650;background:#f0f4e6;padding:14px;border-radius:6px}.sampling-task td,.impact td{font-variant-numeric:tabular-nums;text-align:right}.briefing details p{color:var(--ink)}#contact-timeline{margin:24px 0;padding:18px;background:#f3f5ec;border:1px solid var(--line);border-radius:8px}#contact-timeline h4{margin:0 0 10px}#contact-timeline p{font-size:16px}#contact-timeline svg{display:block;width:100%;height:auto}.quantity-key{font-size:14px}.route-summary{display:none}.sampling-record{margin-block:16px}#explanation-form{margin:22px 0}#explanation-form .micro{font-size:14px}
@media(max-width:540px){.intro{margin:20px 0}.intro h1{font-size:32px}.intro>div>p{font-size:16px}.intro .intro-scope{font-size:13px}.route-summary{display:list-item;font-size:14px}.mission-rail .rail-note{display:none}.mission-rail{margin-bottom:10px}.mission-rail details{border-bottom:1px solid var(--line);padding-bottom:8px}.table-scroll{margin-inline:0!important}.gap-table thead{display:none}.gap-table tbody tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.gap-table th[scope=row]{display:block;font-size:16px;border:0;padding:0 0 6px}.gap-table td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0;font-size:14px}.gap-table td:before{content:attr(data-label);font-weight:600;text-align:left}.application .choice{font-size:16px}.application .choice input{width:18px}#contact-timeline{padding:12px 0}#contact-timeline h4,#contact-timeline p{margin-inline:12px}.quantity-key{font-size:14px}}
@media(max-width:540px){.intro h1 em{margin-left:.15em}}

/* Bytecade export navigation; standalone source stays unchanged. */
.bytecade-host{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px max(4vw,20px);background:#18362e;color:#fffef8;font-size:14px}.bytecade-host a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:8px 0;font-weight:650}.bytecade-host span{color:#dfedaa}