:root{--paper:#ebe9e1;--panel:#dfddd3;--card:#f3f1ea;--you:#3d433c;--you-t:#dad9d0;--model:#a64225;--model-t:#ecd6ca;--code:#4f6b3a;--code-t:#d8dfcb;--part:#7a6127;--part-t:#ebe0c6;--ink:#222822;--muted:#62665c;--line:#c9cbbe;--accent:#a64225;--mono:Consolas,"Liberation Mono",Menlo,monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}::selection{background:#e4c4ab}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:500;line-height:1.12}h1{font-size:clamp(44px,6.7vw,90px)}h2{font-size:clamp(30px,3.5vw,45px)}h3{letter-spacing:-.025em;font-size:24px}h2 a,h3 a{text-decoration:none}.shell{max-width:1200px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:32px;padding:30px 0;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:15px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.brand-mark{font:28px var(--mono);border:1px solid var(--ink);letter-spacing:-.15em;justify-content:center;align-items:center;width:47px;height:47px;padding-right:6px;display:flex}.brand-mark span{color:var(--accent)}nav{align-items:center;gap:30px;display:flex}nav a{padding:7px 0;font-size:14px;text-decoration:none}nav a[aria-current=page]{box-shadow:0 2px 0 var(--accent);color:var(--accent)}.mono,.eyebrow{font-family:var(--mono);letter-spacing:.09em;font-size:11px;line-height:1.6}.eyebrow{text-transform:uppercase;color:var(--muted)}.accent{color:var(--accent)}.small-square{background:var(--accent);width:7px;height:7px;margin:0 9px 1px 0;display:inline-block}.hero{padding:57px 0 55px}.hero h1{margin:29px 0 32px}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.lead{letter-spacing:-.015em;max-width:680px;font-size:21px;line-height:1.6}.hero .lead{max-width:640px}.margin-note{font-family:var(--mono);color:var(--muted);border-left:2px solid var(--line);min-width:204px;padding-left:20px;font-size:12px;line-height:1.8}.section-grid{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:45px;padding:39px 0 44px;display:grid}.section-label{padding-top:4px}.section-label .mono{color:var(--accent)}.section-label p{color:var(--muted);margin-top:14px;font-size:13px}.row-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.status{font:11px var(--mono);white-space:nowrap;color:#49543c;border:1px solid #b9beae;padding:4px 9px}.section-copy{max-width:650px;color:var(--muted);margin-top:22px;font-size:17px}.arrow{color:var(--accent);vertical-align:middle;margin-left:15px;font-size:.65em;display:inline-block}.facts{margin:27px 0 20px;font-size:13px}.facts>div{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:14px;padding:11px 0;display:grid}dt{color:var(--muted)}dd{margin:0}.text-link{border-bottom:1px solid var(--line);padding-bottom:4px;font-size:13px;text-decoration:none}.text-link:hover{border-color:var(--accent)}.compact{font-size:27px}.log-list{margin:0;padding:0;list-style:none}.log-list li{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:28px;padding:23px 0;display:grid}.log-date{color:var(--muted);flex-direction:column;gap:9px;padding-top:1px;font-size:12px;display:flex}.log-date .mono{color:var(--accent);font-size:10px}.log-list h3{margin:9px 0 13px}.log-list p{color:var(--muted);max-width:600px;font-size:14px}.notebook-note{border-top:1px solid var(--ink);grid-template-columns:220px 1fr;gap:15px 45px;padding:30px 0 45px;display:grid}.notebook-note>.mono{color:var(--accent)}.notebook-note p{max-width:660px;font-size:16px}.notebook-note>a{grid-column:2;justify-self:start}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:24px 0 32px;font-size:11px;display:flex}.page-heading{border-bottom:1px solid var(--line);padding:53px 0 48px}.page-heading h1{margin:24px 0;font-size:clamp(40px,5.5vw,70px)}.page-heading>.lead{max-width:720px}.back-link{font:12px var(--mono);margin-bottom:27px;text-decoration:none;display:inline-block}.article-grid{grid-template-columns:220px minmax(0,1fr);gap:45px;padding:42px 0 65px;display:grid}.article-aside{color:var(--muted);font-size:13px}.article-aside>.mono{color:var(--accent)}.article-aside p{margin-top:18px}.article-aside dl{margin:22px 0 27px}.article-aside dt{font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;margin-top:18px}.article-aside dd{color:var(--ink);margin-top:5px}.prose{min-width:0;max-width:720px}.prose h2{letter-spacing:-.025em;margin:38px 0 17px;font-size:28px}.prose h2:first-child{margin-top:0}.prose h3{margin:30px 0 15px}.prose p{margin:0 0 20px}.prose ul,.prose ol{margin:18px 0 26px;padding-left:23px}.prose li{margin-bottom:13px;padding-left:5px}.prose strong{font-weight:600}.prose blockquote,.callout{border-left:2px solid var(--accent);background:var(--panel);margin:25px 0;padding:18px 22px}.callout p{margin:7px 0 0;font-size:15px}.prose code{font:14px var(--mono);overflow-wrap:anywhere}.prose pre{max-width:100%;padding:20px;overflow-x:auto}.prose img{max-width:100%;height:auto}.article-end{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:36px;padding-top:25px;display:flex}.project-index{grid-template-columns:100px 1fr;gap:40px;padding:40px 0 80px;display:grid}.project-index>.mono{color:var(--accent);letter-spacing:-.06em;font-size:36px}.project-index .text-link{margin-top:24px;display:inline-block}.log-index{max-width:880px;margin-left:auto;padding:32px 0 60px}.log-index .log-list li{padding:28px 0}.log-index .log-list li:first-child{border-top:0}.skip-link{z-index:10;background:var(--ink);color:#fff;padding:10px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}main:focus{outline:none}@media (width>=1400px){.hero{padding-top:67px;padding-bottom:65px}}@media (width<=850px){.shell{padding:0 28px}.section-grid,.article-grid,.notebook-note{grid-template-columns:160px minmax(0,1fr);gap:28px}.hero-bottom{gap:26px}.margin-note{min-width:176px}.lead{font-size:19px}nav{gap:20px}.facts>div{grid-template-columns:116px 1fr}.log-list li{grid-template-columns:95px 1fr;gap:20px}.muted{display:none}}@media (width<=620px){.shell{padding:0 22px}.site-header{flex-direction:column;align-items:flex-start;gap:22px;padding:22px 0 18px}.brand{font-size:14px}.brand-mark{width:42px;height:42px;font-size:26px}nav{justify-content:space-between;gap:15px;width:100%}nav a{font-size:13px}.hero{padding:35px 0 36px}.hero h1{margin:26px 0}.hero-bottom{display:block}.margin-note{margin-top:25px;line-height:1.7}.hero .eyebrow{letter-spacing:.025em;font-size:10px}.section-grid,.article-grid,.notebook-note{grid-template-columns:1fr;gap:25px}.section-grid{padding:28px 0 34px}.section-label p{display:none}.row-heading{margin-bottom:19px}.facts{font-size:12px}.facts>div{grid-template-columns:98px 1fr;gap:12px}.section-copy{font-size:16px}.desktop-break{display:none}.log-list li{grid-template-columns:1fr;gap:17px}.log-date{flex-direction:row;align-items:center;gap:18px}.log-list h3{font-size:24px}.notebook-note{gap:15px;padding:25px 0 34px}.notebook-note>a{grid-column:1}.site-footer{flex-direction:column;gap:5px;padding:22px 0}.page-heading{padding:35px 0}.page-heading h1{margin:20px 0}.article-grid{padding:28px 0 40px}.article-aside{border-bottom:1px solid var(--line);padding-bottom:22px}.article-aside dl{flex-wrap:wrap;gap:25px;margin:10px 0;display:flex}.article-aside dt{margin-top:0}.article-aside dd{margin:0}.article-aside dl{grid-template-columns:100px 1fr;gap:9px;display:grid}.article-aside .text-link{margin-top:13px;display:inline-block}.prose h2{font-size:26px}.project-index{grid-template-columns:1fr;gap:19px;padding:25px 0 48px}.project-index>.mono{font-size:25px}.project-index .row-heading{flex-direction:column;align-items:flex-start;gap:12px}.log-index{padding:4px 0 30px}.article-end{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.heading-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lang-switch{font:12px var(--mono);letter-spacing:.06em;gap:4px;display:flex}.lang-switch a,.lang-switch span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;text-decoration:none}.lang-switch span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.lang-switch a:hover{border-color:var(--accent)}.prose .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px;padding:0;list-style:none;display:grid}.prose .cards li{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:0;padding:18px 18px 16px}.card-n{background:var(--accent);width:26px;height:26px;color:var(--card);font:12px var(--mono);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.prose .cards strong{margin-bottom:6px;font-size:17px;display:block}.prose .cards p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.prose .status-strip{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0 0 8px;font-size:13px;display:flex}.status-strip span{align-items:center;gap:8px;display:inline-flex}.dot{border:2px solid var(--part);vertical-align:-1px;background:0 0;border-radius:50%;width:10px;height:10px;font-style:normal;display:inline-block}.dot.dot-on{border-color:var(--code);background:var(--code)}.diagram{margin:24px 0 30px;padding:0}.diagram figcaption{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.55}.diagram figcaption .mono{color:var(--accent);margin-right:8px}.net-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:28px;margin:20px 0 26px;display:grid}.net-wrap .diagram{margin:0}.glossary{gap:14px;margin:0;display:grid}.glossary div{gap:2px;display:grid}.glossary dt{color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.glossary dd{color:var(--muted);margin:0 0 0 30px;font-size:14px;line-height:1.5}.key{flex:none;width:20px;height:14px;font-style:normal;display:inline-block}.key-pop{background:var(--accent);border-radius:4px}.key-dp{background:var(--card);border:1.5px solid var(--ink);border-radius:4px}.key-duct{border-top:3px solid var(--ink);height:0}.key-drop{border-top:2px dashed var(--ink);height:0}.ig svg{width:100%;max-width:520px;height:auto;display:block}.ig-narrow svg{max-width:400px}.ig text{font-family:var(--sans);fill:var(--ink)}.ig .ig-big{font-size:16px;font-weight:600}.ig .ig-small{fill:var(--muted);font-size:13px}.ig .ig-mid{text-anchor:middle}.ig .ig-light{fill:#fff}.ig-cable{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.ig-pop{fill:var(--accent)}.ig-dp{fill:var(--card);stroke:var(--ink);stroke-width:1.5px}.ig-drop line{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:5 4}.ig-house polygon{fill:var(--code-t);stroke:var(--ink);stroke-width:1.3px;stroke-linejoin:round}.ig-layers polygon{fill:var(--card);stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.ig-layers .ig-l-top{fill:var(--model-t);stroke:var(--accent);stroke-width:1.6px}.ig-layers .ig-l-base{fill:var(--code-t)}.actors{flex-wrap:wrap;gap:8px;display:flex;margin:0 0 14px!important}.actor{border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 10px;font-size:13px;font-weight:600;display:inline-flex}.actor:before{content:"";background:currentColor;border-radius:50%;width:9px;height:9px}.actor-you{background:var(--you-t);color:var(--you)}.actor-model{background:var(--model-t);color:var(--model)}.actor-code{background:var(--code-t);color:var(--code)}.prose .steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.prose .steps li{border-top:4px solid;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:16px 16px 14px;display:grid}.steps .step-you{background:var(--you-t);border-color:var(--you)}.steps .step-model{background:var(--model-t);border-color:var(--model)}.steps .step-code{background:var(--code-t);border-color:var(--code)}.step-n{background:var(--card);width:28px;height:28px;font:600 13px var(--sans);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step-loop strong:after{content:" ↻";color:var(--accent);font-weight:400}.steps strong{margin:3px 0 4px;font-size:15px;display:block}.prose .steps p{color:#3f443d;margin:0;font-size:13.5px;line-height:1.5}.prose .track{margin:0;padding:0;list-style:none;position:relative}.prose .track:before{content:"";background:var(--line);width:2px;position:absolute;top:10px;bottom:16px;left:8px}.prose .track li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;margin:0;padding:0 0 18px 36px;display:grid;position:relative}.prose .track li:before{content:"";box-sizing:border-box;border:3px solid var(--code);background:var(--code);border-radius:50%;width:18px;height:18px;position:absolute;top:4px;left:0}.prose .track li.t-part:before{border-color:var(--part);background:var(--paper)}.track strong{font-size:15px}.prose .track p{color:var(--muted);grid-column:1;margin:2px 0 0;font-size:14px;line-height:1.5}.pill{font:11px var(--mono);letter-spacing:.03em;background:var(--code-t);color:var(--code);white-space:nowrap;border-radius:999px;grid-area:1/2/span 2;place-self:start end;padding:4px 10px}.pill-part{background:var(--part-t);color:var(--part)}.limits{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:4px 0 28px}.limits summary{cursor:pointer;padding:14px 18px;font-size:15px;font-weight:600;list-style:none}.limits summary::-webkit-details-marker{display:none}.limits summary:before{content:"+";width:20px;color:var(--accent);font:600 16px var(--mono);display:inline-block}.limits[open] summary:before{content:"−"}.limits dl{margin:0;padding:0 18px 12px}.limits dl div{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;font-size:14px;display:grid}.limits dt{color:var(--ink);font-weight:600}.limits dd{color:var(--muted);margin:0}.prose .rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 26px;padding:0;list-style:none;display:grid}.prose .rules-grid li{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;margin:0;padding:16px 18px}.rules-grid strong{margin-bottom:5px;font-size:15px;display:block}.prose .rules-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.callout{border-radius:0 10px 10px 0}.shift{border:1.5px dashed var(--accent);background:var(--card);border-radius:10px;margin:4px 0 32px;padding:18px 20px}.shift .mono{color:var(--accent)}.prose .shift p{margin:8px 0 0;font-size:15px;line-height:1.6}.prose .shift p+p{color:var(--muted);font-size:14px}.prose .cards li p{margin:0}@media (width<=850px){.prose .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.prose .cards{grid-template-columns:1fr}}@media (width<=620px){.heading-top .back-link{margin-bottom:20px}.net-wrap{grid-template-columns:1fr;gap:20px}.prose .steps,.prose .rules-grid,.prose .track li{grid-template-columns:1fr}.pill{white-space:normal;grid-area:auto/1;justify-self:start;margin-top:8px}.limits dl div{grid-template-columns:90px minmax(0,1fr)}}