:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f7f7f2;--color-surface:#fff;--color-ink:#20251f;--color-muted:#5c645a;--color-rule:#d8ddd3;--color-accent:#246b32;--color-accent-soft:#e5efdf;--color-focus:#195bb5;--color-danger:#a12d23;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-small:.8125rem;--text-body:1rem;--text-title:clamp(2.5rem, 7vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--page-width:76rem;--page-gutter:clamp(1.25rem, 5vw, 4.5rem);--radius-control:.25rem}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);margin:0}.gridborn{font-family:var(--font-sans);max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.5vw,72px);font-size:16px;line-height:1.5}.gridborn *,.gridborn :before,.gridborn :after{box-sizing:border-box}.gridborn [hidden]{display:none!important}.gridborn h1,.gridborn h2,.gridborn p{margin:0}.gridborn a{color:inherit;text-decoration:none}.gridborn button,.gridborn select,.gridborn input{font:inherit;color:inherit}.gridborn button,.gridborn select{min-height:44px}.gridborn button{border:1px solid var(--color-rule);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:9px 14px}.gridborn button:hover{background:var(--color-accent-soft);border-color:#aab8a0}.gridborn button:disabled,.gridborn input:disabled{cursor:default;opacity:.48}.gridborn button:disabled:hover{background:0 0}.gridborn :focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.gridborn select{border:1px solid var(--color-rule);cursor:pointer;background:0 0;border-radius:3px;width:100%;padding:8px 30px 8px 10px}.gridborn input[type=range]{width:100%;min-width:0;height:44px;accent-color:var(--color-accent);cursor:pointer;margin:0}.gridborn input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px;margin:0}.skip-link{z-index:10;background:var(--color-paper);padding:12px;position:absolute;top:-100px}.skip-link:focus{top:8px}.masthead{border-bottom:1px solid var(--color-rule);align-items:center;gap:28px;min-height:72px;display:flex}.wordmark{letter-spacing:-.045em;align-items:center;gap:10px;min-height:44px;font-size:23px;font-weight:700;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,5px);gap:3px;display:grid;transform:skewY(-14deg)}.brand-mark i{background:var(--color-accent);width:5px;height:9px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.4}.edition{color:var(--color-muted);font-size:12px}.read-link{align-items:center;gap:24px;min-height:44px;margin-left:auto;font-size:12px;display:flex}.hero-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 0 28px;display:flex}.eyebrow,.lesson-index{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);font-size:10px}.hero-heading .eyebrow{margin-bottom:8px}.hero h1{letter-spacing:-.065em;font-size:clamp(34px,4.3vw,62px);font-weight:550;line-height:1.05}.hero-deck{color:var(--color-muted);padding-bottom:2px;font-size:13px;line-height:1.65}.lab{border-top:1px solid var(--color-ink);grid-template-columns:minmax(0,1fr) 214px;gap:32px;display:grid;position:relative}.track-column{min-width:0}.telemetry{grid-template-columns:1fr 1.25fr 1fr 1.4fr;align-items:center;gap:16px;height:76px;display:grid}.telemetry>div>span,.fitness>div>span{color:var(--color-muted);font-size:10px;display:block}.telemetry strong{font-family:var(--font-mono);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(15px,1.5vw,22px);font-weight:400;line-height:1.5;display:block}.telemetry strong small{font-family:var(--font-sans);color:var(--color-muted);letter-spacing:0;margin-left:8px;font-size:10px}.fitness{align-items:center;gap:12px;display:flex}.fitness small{color:var(--color-muted);white-space:nowrap;font-size:9px;display:block}.fitness svg{border-bottom:1px solid var(--color-rule);width:100%;min-width:30px;height:38px}.track-stage{aspect-ratio:1.85;background:#f0f2ea;width:100%;position:relative;overflow:hidden}.track-stage:before,.track-stage:after{content:"";pointer-events:none;z-index:3;border-color:#aebba3;width:12px;height:12px;position:absolute}.track-stage:before{border-top:1px solid;border-left:1px solid;top:12px;left:12px}.track-stage:after{border-bottom:1px solid;border-right:1px solid;bottom:12px;right:12px}.hero-canvas,.editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.hero-canvas:focus-visible{outline-offset:-4px}.editor-canvas{pointer-events:none;z-index:2;background:0 0}.is-drawing .track-stage:before,.is-drawing .track-stage:after{display:none}.editor-canvas:focus-visible{outline-offset:-4px}.stage-corner{pointer-events:none;font:9px var(--font-mono);letter-spacing:.12em;color:#69765e;position:absolute;bottom:13px;left:15px}.track-hint{min-height:38px;color:var(--color-muted);align-items:center;gap:8px;font-size:11px;display:flex}.track-hint>:last-child{font:10px var(--font-mono);margin-left:auto}.status-dot{background:#9da594;border-radius:50%;flex-shrink:0;width:5px;height:5px}.is-running .status-dot{background:var(--color-accent)}.control-rail{border-left:1px solid var(--color-rule);flex-direction:column;gap:16px;padding:20px 0 0 24px;display:flex}.gridborn .run-button{width:100%;color:var(--color-paper);background:var(--color-ink);border-color:var(--color-ink);justify-content:center;align-items:center;gap:12px;display:flex}.gridborn .run-button:hover{background:#35432f}[data-run-icon]{font-size:11px}.rate-controls{grid-template-columns:repeat(3,minmax(44px,1fr));min-width:132px;margin-top:6px;display:grid}.gridborn .rate-controls button{border:0;border-bottom:1px solid var(--color-rule);border-radius:0;padding:6px;font-size:12px}.gridborn .rate-controls button[aria-pressed=true]{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.control-note{color:var(--color-muted);font-size:10px;line-height:1.5}.transport .control-note{min-height:30px;margin-top:7px}.field-label{color:var(--color-muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.field-label select{color:var(--color-ink);font-size:12px}.drawing-controls{gap:2px;display:grid}.drawing-controls button{font-size:12px}.drawing-controls button[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.gridborn .quiet-button{color:var(--color-muted);border-color:#0000}.gridborn .reset-button{border:0;border-top:1px solid var(--color-rule);border-radius:0;justify-content:space-between;padding:12px 0 0;font-size:12px;display:flex}.gridborn .reset-button:hover{color:var(--color-accent);background:0 0}.track-feedback{min-height:38px;color:var(--color-muted);padding:8px 0;font-size:11px}.track-feedback.has-issues{color:var(--color-danger)}.inspection-panel{border-top:1px solid var(--color-rule);padding:24px 0}.inspection-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.inspection-heading h2{margin-top:4px;font-size:18px;font-weight:500}.inspection-heading button{font-size:12px}.inspection-root{overflow-wrap:anywhere;min-width:0}.article-divider{border-top:1px solid var(--color-ink);font:11px var(--font-mono);color:var(--color-muted);justify-content:space-between;margin-top:48px;padding:24px 0;display:flex}.lesson{border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);align-items:start;gap:clamp(36px,6vw,100px);padding:80px 0 88px;scroll-margin-top:24px;display:grid}.lesson-copy{padding-top:10px}.lesson-index{letter-spacing:.08em;font-size:10px}.lesson h2{letter-spacing:-.05em;margin:24px 0;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.12}.lesson-copy p{max-width:330px;color:var(--color-muted);font-size:14px;line-height:1.8}.lesson-aside{font:10px var(--font-mono);color:var(--color-accent);margin-top:32px;display:block}.teaching-diagram{min-width:0}.diagram-caption{border-top:1px solid var(--color-rule);min-height:44px;font:10px var(--font-mono);color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.follow-control{font:10px var(--font-sans);cursor:pointer;align-items:center;gap:6px;min-height:44px;display:flex}.teaching-diagram>svg{width:100%;height:auto;display:block;overflow:visible}.svg-note{font:12px var(--font-mono);fill:var(--color-muted)}.svg-heading{font:10px var(--font-mono);letter-spacing:1px;fill:var(--color-muted)}.svg-value{font:18px var(--font-mono);fill:var(--color-accent)}.svg-empty{font:25px var(--font-sans);letter-spacing:-1px;fill:var(--color-ink)}.interactive-diagram{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.interactive-diagram:active{cursor:grabbing}.interactive-diagram.is-live{cursor:default;touch-action:pan-y}.sensor-readings{grid-template-columns:repeat(7,1fr);gap:12px;margin:8px 0 20px;display:grid}.sensor-readings span{font:12px var(--font-mono);border-bottom:2px solid var(--color-rule);padding-bottom:10px;position:relative}.sensor-readings small{color:var(--color-muted);margin-right:8px;font-size:9px}.sensor-readings b{font-weight:400}.sensor-readings i{width:calc(var(--reading,0) * 100%);background:var(--color-accent);height:2px;position:absolute;bottom:-2px;left:0}.diagram-controls{align-items:center;gap:18px;display:flex}.diagram-controls>label{color:var(--color-muted);flex-direction:column;flex:1;min-width:0;font-size:11px;display:flex}.diagram-controls button,.diagram-controls select{font-size:11px}.parent-controls{gap:24px;padding-top:16px}.parent-controls select{margin-top:6px}.diagram-note{color:var(--color-muted);font-size:11px;line-height:1.6;margin-top:10px!important}.gridborn .text-button{font:10px var(--font-sans);color:var(--color-accent);border:0;padding:8px 0 8px 10px}.recorded-history{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:24px;padding:14px 0 0;display:flex}.recorded-history p{color:var(--color-muted);font-size:11px}.recorded-history svg{width:40%;height:48px}.page-footer{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:24px;padding:64px 0;display:grid}.page-footer .wordmark{justify-self:start;gap:24px}.page-footer p{letter-spacing:-.04em;font-size:26px;line-height:1.2}.footer-note{color:var(--color-muted);justify-self:end;font-size:11px}@media (width>=1600px){.track-stage{aspect-ratio:1.7}}@media (width<=1000px){.gridborn{padding:0 28px}.hero-deck{font-size:11px}.lab{grid-template-columns:minmax(0,1fr) 174px;gap:24px}.control-rail{gap:10px;padding-left:16px}.track-stage{aspect-ratio:1.25}.telemetry{grid-template-columns:.8fr 1.15fr 1fr;gap:10px;height:64px}.fitness,.control-rail>.control-note{display:none}.lesson{grid-template-columns:1fr 1.5fr;gap:32px}.lesson h2{font-size:30px}.diagram-caption{flex-wrap:wrap;font-size:9px}.sensor-readings{gap:6px}.sensor-readings small{margin-bottom:4px;display:block}.genetics-controls{flex-wrap:wrap;gap:6px}}@media (width<=600px){.gridborn{padding:0 20px}.masthead{gap:12px;min-height:58px}.wordmark{font-size:21px}.edition{display:none}.read-link{gap:12px;font-size:11px}.hero-heading{padding:23px 0 21px;display:block}.hero h1{letter-spacing:-.06em;font-size:clamp(30px,8.5vw,46px)}.hero-heading .eyebrow{margin-bottom:8px;font-size:9px}.hero-deck{font-size:11px;margin-top:12px!important}.hero-deck br{display:none}.lab{display:block}.telemetry{height:63px}.telemetry strong{font-size:19px}.telemetry>div>span{font-size:10px}.track-stage{aspect-ratio:1.3}.track-hint{gap:6px;font-size:10px}.track-hint>:last-child{font-size:9px}.control-rail{border-left:0;border-top:1px solid var(--color-rule);grid-template-columns:1fr 1fr;gap:10px 14px;padding:12px 0 0;display:grid}.transport{grid-column:1/-1;align-items:center;gap:12px;display:flex}.gridborn .run-button{flex:1;width:auto}.rate-controls{flex:1;margin:0}.transport .control-note{display:none}.drawing-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px}.gridborn .reset-button{border-top:1px solid var(--color-rule);grid-column:1/-1;padding:0}.track-feedback{min-height:44px;font-size:10px}.article-divider{gap:16px;margin-top:36px;font-size:9px}.lesson{grid-template-columns:1fr;gap:28px;padding:46px 0 50px}.lesson h2{margin:16px 0;font-size:35px}.lesson-copy p{max-width:100%;font-size:13px;line-height:1.75}.lesson-aside{margin-top:16px}.diagram-caption,.diagram-caption .follow-control{font-size:9px}.diagram-controls{gap:16px}.genetics-controls{gap:4px}.genetics-controls>label{flex-basis:100%}.sensor-readings{margin-bottom:12px}.sensor-readings span{font-size:10px}.svg-note,.svg-heading{font-size:18px}.svg-value{font-size:24px}.recorded-history{gap:8px}.recorded-history .eyebrow{font-size:9px}.recorded-history p{font-size:10px}.page-footer{grid-template-columns:1fr 1fr;padding:36px 0}.page-footer p{font-size:23px}.footer-note{grid-column:1/-1;justify-self:start}.inspection-heading h2{font-size:15px}.inspection-heading button{font-size:11px}}@media (width>=601px) and (height<=600px){.gridborn{padding:0 24px}.masthead{min-height:44px}.edition{font-size:10px}.hero-heading{align-items:center;padding:12px 0 14px}.hero-heading .eyebrow{display:none}.hero h1{font-size:32px}.hero-deck{font-size:10px;line-height:1.4}.lab{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.track-stage{aspect-ratio:1.8}.telemetry{height:46px}.telemetry strong{font-size:16px}.control-rail{grid-template-columns:1fr 1fr;align-content:start;gap:7px 10px;padding:9px 0 0 14px;display:grid}.transport{grid-column:1/-1;gap:8px;display:flex}.transport .control-note{display:none}.gridborn .run-button{flex:1;width:auto;padding:6px;font-size:12px}.rate-controls{flex:1;margin:0}.field-label{gap:2px;font-size:10px}.field-label select{padding-left:6px;font-size:11px}.drawing-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}.drawing-controls button{padding:6px;font-size:10px}.gridborn .reset-button{grid-column:1/-1;padding:0;font-size:11px}.track-hint{min-height:30px;font-size:10px}.track-feedback{padding-top:0}.article-divider{margin-top:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width>=1001px){.masthead{min-height:64px}.hero-heading{padding:24px 0}.hero h1{font-size:clamp(34px,4.1vw,59px)}.telemetry{height:64px}.track-stage{max-height:540px}}@media (width<=1000px) and (height>=601px){.telemetry{grid-template-rows:56px 36px;height:100px}.fitness{grid-column:1/-1;gap:16px;display:flex}.fitness>div{flex-shrink:0;align-items:center;gap:12px;display:flex}.fitness svg{height:28px}}@media (width<=600px){.hero-heading{padding:20px 0}.hero-deck{display:none}.telemetry{grid-template-rows:54px 32px;height:94px}.fitness{grid-column:1/-1;gap:16px;display:flex}.fitness>div{flex-shrink:0;align-items:center;gap:12px;display:flex}.fitness svg{height:26px}}@media (width>=601px) and (height<=600px){.hero-heading{padding:8px 0 10px}.hero h1{font-size:29px}.lab{grid-template-columns:minmax(0,1fr) 300px}.telemetry{height:42px}.track-stage{aspect-ratio:auto;height:clamp(190px,100svh - 160px,270px)}.control-rail{position:relative}.fitness{gap:14px;width:286px;display:flex;position:absolute;top:auto;bottom:2px;right:0}.fitness svg{height:28px}.fitness>div{flex-shrink:0}}.gridborn .eyebrow,.gridborn .lesson-index,.gridborn .lesson-aside,.gridborn .diagram-caption,.gridborn .follow-control,.gridborn .control-note,.gridborn .track-hint,.gridborn .track-hint>:last-child,.gridborn .track-feedback,.gridborn .fitness small,.gridborn .telemetry>div>span,.gridborn .fitness>div>span,.gridborn .telemetry strong small,.gridborn .sensor-readings small,.gridborn .article-divider,.gridborn .text-button{font-size:11px}.track-feedback{padding:4px 0 10px;line-height:1.5}.track-hint{flex-wrap:wrap;gap:6px}.track-hint [data-stage-hint]{flex:1}.hero-canvas:focus:not(:focus-visible){outline:none}.actual-inspector{grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);align-items:center;gap:32px;margin-top:20px;display:grid}.inspection-sight canvas{background:#f0f2ea;width:100%;height:225px;display:block}.inspection-brain svg{width:100%;height:auto;display:block}.inspection-panel{scroll-margin:12px}.teaching-diagram,.inspection-brain{container-type:inline-size}.svg-note,.svg-heading{font-size:16px}@container (width<=640px){.svg-note,.svg-heading{font-size:20px}}@container (width<=360px){.svg-note,.svg-heading{font-size:24px}}@media (width<=600px){.telemetry strong{font-size:17px}.telemetry strong small{margin:0;line-height:1;display:block}.actual-inspector{grid-template-columns:1fr;gap:12px}.inspection-sight{align-items:center;gap:12px;display:flex}.inspection-sight canvas{flex-shrink:0;width:42%;height:110px}.inspection-heading{align-items:start;gap:8px}.inspection-heading button{padding:8px 4px;font-size:11px}.inspection-heading h2{font-size:14px}}@media (width>=601px) and (height<=600px){.track-stage{height:clamp(140px,100svh - 205px,230px)}.track-hint{min-height:30px}.track-feedback{min-height:32px;padding:0 0 4px}.fitness{bottom:8px}.actual-inspector{grid-template-columns:180px minmax(0,1fr);gap:20px}.inspection-sight canvas{height:180px}.inspection-panel{padding:12px 0}}.track-hint [data-run-label]{flex-shrink:0}@media (width>=601px) and (height<=600px){.field-label,.edition,.hero-deck,.drawing-controls button{font-size:11px}}@container (width<=640px){.svg-value{font-size:24px}}@container (width<=360px){.svg-value{font-size:26px}}.gridborn .sensor-readings span,.gridborn .recorded-history p{font-size:11px}