:root{--paper:#f5f0df;--ink:#292821;--muted:#69675d;--line:#b8b09a;--yellow:#f0d85b;--blue:#347aa2;--red:#a94432;--green:#46774b;--sans:Inter,ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}html{color:var(--ink);background:#ded8c7;font-family:var(--sans)}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:linear-gradient(#dcd5c122 1px,transparent 1px),linear-gradient(90deg,#dcd5c122 1px,transparent 1px);background-size:24px 24px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:2px solid var(--ink);padding:1rem max(2rem,calc((100vw - 1180px)/2));background:var(--paper);position:relative;z-index:4}.wordmark{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}.wordmark small{font:11px var(--mono);color:var(--muted);margin-top:5px}.site-head nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.site-head nav a{color:var(--ink);text-decoration:none;font:12px var(--mono);padding:.45rem .55rem;border-bottom:2px solid transparent}.site-head nav a:hover,.site-head nav a:focus-visible,.site-head nav a.active{background:#fff8d5;border-color:var(--ink)}.paper{width:min(1120px,calc(100% - 3rem));margin:0 auto;padding:5rem 0 6rem;position:relative}.paper.home{padding-top:4rem}h1{font:700 clamp(2.5rem,6vw,5.7rem)/.98 Georgia,serif;letter-spacing:-.045em;max-width:950px;margin:.2rem 0 1.2rem}h2{font-family:Georgia,serif}p{line-height:1.65}.kicker{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.lede{font:clamp(1.08rem,2vw,1.4rem)/1.55 Georgia,serif;max-width:850px}.lede.narrow{max-width:720px}.hero-sketch{margin:3.5rem 0 2rem}.hero-sketch svg{width:100%;height:auto;border-block:1px dashed var(--line);padding-block:1rem}.hero-sketch text{font:24px var(--mono);fill:var(--ink)}.hero-sketch .small-svg{font-size:14px}.hero-sketch .note-title{font:bold 19px var(--mono)}.hero-sketch .versus{font:bold 30px Georgia,serif}.hero-sketch .rough,.hero-sketch .sketch-box,.hero-sketch .tape{fill:none;stroke:var(--ink);stroke-width:3}.hero-sketch .highlight{fill:#f0d85b44}.hero-sketch .weight-blocks rect,.hero-sketch .tape-blocks rect{fill:#ddd5bf;stroke:var(--ink);stroke-width:2}.hero-sketch .weight-blocks rect:nth-child(3n),.hero-sketch .tape-blocks rect:nth-child(2n){fill:var(--yellow)}.hero-sketch .arrow{fill:none;stroke:var(--ink);stroke-width:3}.hero-sketch .red-pencil{fill:none;stroke:var(--red);stroke-width:5}.hero-sketch .red-text{fill:var(--red);font-size:18px}.hero-sketch .blue-pencil{fill:none;stroke:var(--blue);stroke-width:5}.hero-sketch .blue-text{fill:var(--blue);font-size:17px}.hero-sketch figcaption{display:flex;justify-content:space-between;gap:2rem;font-family:Georgia,serif}.hero-sketch figcaption span{max-width:600px;color:var(--muted)}.three-notes{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center;margin:4rem 0}.three-notes article{align-self:stretch;padding:1rem 1.2rem;border-top:3px solid var(--ink);background:#fff9df80}.three-notes h2{font-size:1.2rem}.three-notes i{font-size:2rem;color:var(--blue)}.margin-note,.pencil-note{display:flex;gap:1rem;transform:rotate(-1deg);border:2px solid var(--ink);padding:1rem 1.4rem;background:#fff7bd;box-shadow:5px 5px 0 #aaa28c}.margin-note{position:absolute;right:0;top:2rem;flex-direction:column;max-width:240px}.pencil-note.wide{margin:3rem auto;max-width:760px}.next-links,.page-turn{display:flex;gap:1rem;justify-content:flex-end;margin-top:3rem}.next-links a,.page-turn a{color:var(--ink);font-weight:700;padding:.8rem 1rem;border-bottom:3px solid var(--blue);text-decoration:none}.lesson{margin:3rem 0 5rem}.lesson-tabs,.evidence-tabs{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:2px solid var(--ink)}button{font:700 13px var(--mono);color:var(--ink);background:transparent;border:0;padding:.9rem 1.1rem;cursor:pointer}button:hover,button:focus-visible,button.active{background:var(--yellow)}.lesson-copy{min-height:115px;padding:1rem 0}.lesson-copy h2{margin-bottom:.25rem}.lesson-copy p{margin-top:0;color:var(--muted)}.tape-stage{position:relative;border:2px solid var(--ink);padding:2rem 13rem 2rem 2rem;min-height:260px;background:#ede5cf}.request-lines{display:flex;gap:1.2rem;min-height:45px;font:13px var(--mono)}.request-lines span{border-bottom:2px solid var(--blue);padding-bottom:.3rem}.expert-tape{display:flex;gap:.55rem;align-items:center;margin:2.5rem 0}.expert-tape i{display:grid;place-items:center;width:62px;height:64px;border:2px solid var(--ink);font:700 15px var(--mono);font-style:normal;background:#d6cfbb}.expert-tape i.selected{background:var(--yellow)}.expert-tape i.parked{opacity:.25}.expert-tape i.moving{animation:flow .7s calc(var(--order)*.12s) both}@keyframes flow{from{transform:translateX(-30px);opacity:.1}to{transform:translateX(0);opacity:1}}.boundary{position:absolute;right:174px;top:0;height:100%;border-left:2px dashed var(--red);writing-mode:vertical-rl;padding:.5rem;font:11px var(--mono);color:var(--red)}.compute-box{position:absolute;right:1.5rem;top:72px;width:125px;border:3px double var(--ink);padding:1rem;text-align:center;font:13px/1.5 var(--mono);background:var(--paper)}.lesson-counts{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);border-top:0}.lesson-counts span{padding:1rem;border-right:1px solid var(--ink)}.lesson-counts span:last-child{border:0}.lesson-counts b{display:block;font:2rem Georgia,serif}.metric-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.metric-notes>h2{grid-column:1/-1}.metric-notes article{border-top:3px solid var(--ink);padding:1rem;background:#fff8df77}.metric-notes h3{min-height:48px}.residency{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:.4rem;font:11px var(--mono)}.residency i{height:12px;background:linear-gradient(90deg,var(--blue) var(--fill),#d2cab5 var(--fill));border:1px solid var(--ink)}pre,.equation{font:13px/1.65 var(--mono);background:#e3dcc7;padding:1rem;overflow:auto}.rate-sketch,.gap-sketch{display:flex;flex-direction:column;color:var(--blue);font:13px/1.8 var(--mono)}.notebook-detail{margin:3rem 0;border-block:1px dashed var(--ink);padding:1rem}.experiment-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.experiment-list article{position:relative;border:2px solid var(--ink);padding:1.4rem;background:#fbf5e6;box-shadow:6px 6px 0 #c6beaa}.experiment-list article>header,.next-experiment>header{display:flex;justify-content:space-between;font:12px var(--mono);border-bottom:1px dashed var(--line);padding-bottom:.7rem}.experiment-list a{color:var(--blue);font-weight:700}.hypothesis{font:italic 15px Georgia,serif;border-left:4px solid var(--yellow);padding:.6rem}.result{display:inline-block;margin:.8rem 0;padding:.4rem .7rem;border:2px solid currentColor;font:800 13px var(--mono);transform:rotate(-2deg)}.result.yes{color:var(--green)}.result.no{color:var(--red)}.result.mixed{color:#9a691c}.evidence{margin-top:3rem}.evidence [role=tabpanel]{padding-top:2rem}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.evidence-grid article,.single-sheet{border-top:5px solid var(--ink);padding:1.3rem;background:#fff9e8}.evidence-grid .established{border-color:var(--green)}.evidence-grid .limited{border-color:#a87522}.evidence-grid .unknown{border-color:var(--red)}.evidence-grid li{margin:.8rem 0;line-height:1.45}.single-sheet{max-width:800px}.red-note{color:var(--red);font-weight:700}.verdict{margin:4rem 0;border:3px solid var(--ink);display:grid;grid-template-columns:auto 1fr;padding:1.4rem;gap:.5rem 2rem;background:var(--yellow)}.verdict b{grid-row:1/3;font:13px var(--mono);writing-mode:vertical-rl}.verdict strong{font:clamp(1.4rem,3vw,2.3rem) Georgia,serif}.verdict span{font-family:var(--mono)}.evidence-tree{margin:4rem 0}.evidence-tree>h2{text-align:center;border:2px solid var(--ink);padding:1rem;background:#fff9e8}.tree-line{height:45px;width:50%;margin:auto;border-inline:2px solid var(--ink);border-top:0}.tree-branches{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:2px solid var(--ink);padding-top:1.5rem}.tree-branches article{padding:1rem;border:1px solid var(--line);background:#fff9e8;display:flex;flex-direction:column;gap:.5rem}.tree-branches strong{font:1.5rem Georgia,serif;color:var(--red)}.tree-branches .done strong{color:var(--green)}.tree-branches span{font-size:.9rem}.next-experiment{border:2px solid var(--ink);padding:1.5rem;background:#fbf5e6}.next-experiment>header b{font-size:1rem}.flow-compare{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.hardware-flow{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.hardware-flow i{font:normal 12px var(--mono);padding:.5rem;border:2px solid var(--ink);background:var(--yellow)}.hardware-flow em{font-style:normal;color:var(--blue)}.next-experiment li{margin:.7rem 0}.scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0}.scorecard h2{grid-column:1/-1}.scorecard article{border:2px solid var(--ink);padding:1rem;background:#fff9e8}.scorecard article>b{font:1.2rem var(--mono)}.scorecard .yes{border-top:8px solid var(--green)}.scorecard .no{border-top:8px solid var(--red)}.scorecard .mixed{border-top:8px solid #a87522}footer{display:flex;justify-content:space-between;gap:1rem;border-top:2px solid var(--ink);padding:1.3rem max(2rem,calc((100vw - 1180px)/2));font:11px var(--mono);background:#e7e0ce}footer a{color:inherit}.lab-nav{position:relative;z-index:20;display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.7rem;background:var(--paper);border-bottom:2px solid var(--ink);font:12px var(--mono)}.lab-nav a{color:var(--ink)}.lab-nav a.active{background:var(--yellow);padding:.3rem}
@media(max-width:800px){.site-head{align-items:flex-start;flex-direction:column;padding:1rem}.site-head nav{justify-content:flex-start}.paper{width:min(100% - 2rem,1120px);padding-top:3rem}.margin-note{position:static;max-width:none;margin:1rem 0}.hero-sketch figcaption,.verdict{display:block}.three-notes,.experiment-list,.evidence-grid,.metric-notes,.tree-branches,.scorecard,.flow-compare{grid-template-columns:1fr}.three-notes>i{transform:rotate(90deg);text-align:center}.metric-notes>h2,.scorecard h2{grid-column:auto}.tape-stage{padding:1.3rem 1.3rem 10rem}.expert-tape{display:grid;grid-template-columns:repeat(4,1fr)}.expert-tape i{width:100%}.boundary{right:0;top:auto;bottom:145px;height:auto;width:100%;border-left:0;border-top:2px dashed var(--red);writing-mode:horizontal-tb}.compute-box{top:auto;bottom:1rem;right:calc(50% - 63px)}.lesson-counts{grid-template-columns:1fr}.lesson-counts span{border-right:0;border-bottom:1px solid var(--ink)}.request-lines{flex-direction:column}.tree-line{display:none}.tree-branches{border:0}.next-links,.page-turn{justify-content:flex-start;flex-direction:column}footer{flex-direction:column}.hero-sketch svg{min-width:780px}.hero-sketch{overflow-x:auto}}
.hero-sketch text[x="690"],.hero-sketch text[x="684"]{font-size:14px}.jargon-key{font:12px/1.7 var(--mono);color:var(--muted);margin:-1rem 0 3rem}.jargon{position:relative;text-decoration:underline dotted 2px;text-underline-offset:3px;cursor:help}.jargon:focus{outline:2px solid var(--blue);outline-offset:2px}.jargon:hover::after,.jargon:focus::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + .65rem);z-index:20;width:min(280px,75vw);padding:.7rem .8rem;border:2px solid var(--ink);background:#fff7bd;color:var(--ink);box-shadow:4px 4px 0 #aaa28c;font:12px/1.45 var(--mono);text-align:left;text-transform:none;letter-spacing:normal}
.placement-result{margin:4rem 0;padding:1.5rem;border:2px solid var(--ink);background:#fff9e8}.placement-result .section-heading{max-width:760px}.placement-controls{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0;font:12px var(--mono)}.placement-controls select{padding:.5rem;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.placement-graphic{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.placement-callout{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:1rem;background:var(--yellow);border:2px solid var(--ink)}.placement-callout strong{font:1.5rem Georgia,serif}.placement-callout span{font:700 13px var(--mono);color:var(--red)}.metric-sheet{padding:1rem;border-top:4px solid var(--ink);background:var(--paper)}.metric-sheet h3{display:flex;justify-content:space-between}.metric-sheet h3 small{font:11px var(--mono);color:var(--muted)}.metric-row{display:grid;grid-template-columns:145px 1fr 105px;align-items:center;gap:.6rem;margin:.9rem 0;font:11px var(--mono)}.metric-row i{height:22px;border:1px solid var(--ink);background:#ddd5bf}.metric-row i b{display:block;height:100%;background:var(--blue)}.metric-row.cpu i b{background:var(--red)}.metric-row strong{text-align:right}.placement-detail{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;font:12px/1.5 var(--mono)}.placement-result>.pencil-note{margin-top:1.5rem;font-size:.8rem}
@media(max-width:800px){.placement-graphic{grid-template-columns:1fr}.placement-callout,.placement-detail{grid-column:auto;flex-direction:column}.metric-row{grid-template-columns:110px 1fr 90px}}
@media(prefers-reduced-motion:reduce){.expert-tape i.moving{animation:none}}