@charset "UTF-8";
:root{--desk:#c2cece;--paper:#f7f9f5;--ink:#233742;--muted:#5c7179;--blue:#244c64;--blue-light:#dce7ed;--rule:#aebfc4;--yellow:#e6d366;--type:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);background:var(--desk);font:15px/1.6 var(--type)}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1e648b;outline-offset:4px}h1,h2,h3,p,figure,dl{margin:0}h1,h2{font-size:clamp(31px,3.2vw,46px);font-weight:600;line-height:1.13;letter-spacing:-.035em}h3{font-size:25px;line-height:1.2;font-weight:500}button{cursor:pointer}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--yellow);padding:10px 16px}.skip:focus{top:10px}
.draft-line{display:flex;justify-content:space-between;gap:20px;width:min(1280px,calc(100% - 60px));margin:18px auto 12px;color:#445c64;font:10px/1.5 var(--mono);letter-spacing:.04em}.binder{display:grid;grid-template-columns:76px minmax(0,1fr);max-width:1280px;margin:0 auto;background:var(--paper);border:1px solid #8a9da4;box-shadow:4px 5px 0 #a8b6b9,12px 18px 0 #b4c1c1}.spine{display:flex;flex-direction:column;align-items:center;gap:42px;background:var(--blue);color:#ecf2ec;padding:25px 8px 30px;border-right:1px solid #16374a}.spine-brand{font-size:24px;font-weight:650;letter-spacing:-.12em;text-decoration:none;white-space:nowrap}.spine-brand>span{font-weight:300}.spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.3em}.spine-slot{width:18px;height:72px;border:1px solid #7796a7;box-shadow:inset 3px 0 #15384c}.spine-edition{margin-top:auto;text-align:center;font:8px/1.8 var(--mono);letter-spacing:.05em}.paper{min-width:0;position:relative}.paper-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:97px;padding:22px 38px;border-bottom:1px solid var(--rule);background:#eef3f1}.wordmark{font-size:23px;line-height:1.15;font-weight:650;text-decoration:none;letter-spacing:-.04em}.wordmark>span{display:block;margin-top:6px;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.demo{font-size:13px;text-decoration:none;border-bottom:2px solid var(--blue);padding:8px 0;font-weight:500}.demo span{margin-left:20px}.demo:hover{color:#1e6c93}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 166px;align-items:start;min-height:650px}main{min-width:0;outline:none}.leaf{padding:24px 38px 36px;min-height:650px;border-bottom:1px solid var(--rule)}.js .leaf{border-bottom:0}.leaf[hidden]{display:none}.sheet-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:32px;font:9px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted)}.sheet-meta>span:last-child{font-family:var(--type);font-size:11px;letter-spacing:0}.register{border-left:1px solid var(--rule);padding:20px 0 0;align-self:stretch;background:#e3ecea}.register-label{display:block;font:9px var(--mono);letter-spacing:.18em;color:var(--muted);padding:4px 16px 17px}.register>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 14px 16px 16px;margin:0 0 5px 8px;min-height:54px;text-decoration:none;background:#d3dfe0;border:1px solid #b4c4c9;border-right:0;font-size:13px;box-shadow:0 2px 0 #c3d0d2}.register>a>b{font:10px var(--mono);font-weight:400;color:#667e88}.register>a:hover{background:#ebf0e8}.register>a[aria-current="page"]{background:var(--yellow);border-color:#b8a855;box-shadow:0 3px 0 #bfae59;color:#243744;margin-left:-1px;padding-left:25px}.register>a[aria-current="page"]>b{color:#586452}.register>p{padding:18px 16px;font:9px/1.8 var(--mono);color:#6b7f87}
.cover-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:start}.cover-intro>p{padding-top:4px;font-size:15px;line-height:1.7;color:#536971;max-width:285px}.cover-note{display:grid;grid-template-columns:28px 1fr;gap:3px 14px;position:relative;border-block:1px solid var(--rule);margin:28px 0 32px;padding:14px 0 13px}.note-mark{font-size:26px;line-height:1;color:#7c9299}.cover-note strong{font-size:17px;font-weight:550}.cover-note p{font-size:12px;line-height:1.7;color:var(--muted);max-width:505px;margin-top:4px}.cover-note>a{grid-column:2;font-size:11px;justify-self:start;margin-top:6px;color:var(--blue)}.work-example{position:relative}.example-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.example-heading>span{font:9px/1.4 var(--mono);letter-spacing:.06em}.example-heading>small{font-size:11px;color:var(--muted)}.route-choices{display:flex;gap:0;border:1px solid #aebfc4;margin-bottom:27px;max-width:100%}.route-choices button{flex:1;padding:11px 10px;background:transparent;border:0;border-right:1px solid #aebfc4;font-size:11px;line-height:1.3;min-height:43px}.route-choices button:last-child{border-right:0}.route-choices button:hover{background:#e7eeeb}.route-choices button[aria-pressed="true"]{color:#edf4ef;background:var(--blue);font-weight:500}.route-drawing{display:grid;grid-template-columns:1fr 25px 110px 25px 1.2fr;align-items:center;gap:0;min-height:118px}.route-start,.route-end{padding:11px 14px;min-height:100px;border:1px solid var(--rule);background:#edf3f0;display:flex;flex-direction:column;justify-content:center}.diagram-index{font:8px/1.4 var(--mono);letter-spacing:.08em;margin-bottom:12px;color:#647f8a}.route-start>strong,.route-end>strong{font-size:17px;line-height:1.25;font-weight:500;min-height:22px}.route-start>small,.route-end>small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.route-core{align-self:stretch;background:var(--blue);padding:13px 8px 11px;text-align:center;color:#ecf3ec;border:1px solid #16374a}.route-core .diagram-index{color:#aac2c9;display:block;font-size:7px;margin-bottom:7px}.route-core>strong{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.route-core>small{display:block;font-size:9px;line-height:1.5;margin-top:4px;color:#c4d6d8}.pipe{height:1px;background:#7e989f;position:relative}.pipe-last:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #7e989f;border-right:1px solid #7e989f;transform:rotate(45deg)}.route-caption{font-size:12px;line-height:1.75;color:var(--muted);max-width:660px;margin-top:17px;min-height:44px}.route-link{display:inline-block;margin-top:7px;font-size:12px;color:var(--blue)}.cover-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;border-top:1px solid var(--rule);margin-top:28px;padding-top:18px}.cover-bottom>p{display:flex;gap:17px;align-items:center}.cover-bottom b{font-size:30px;line-height:1;font-weight:500;letter-spacing:-.04em}.cover-bottom p>span{font-size:10px;line-height:1.65;color:var(--muted)}.cover-bottom>a{font-size:11px;line-height:1.6;color:var(--blue)}
.intro{max-width:620px;color:var(--muted);font-size:16px;line-height:1.75;margin:24px 0 32px}.lined-notes{border-top:1px solid var(--rule);margin-top:30px}.lined-notes>div{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--rule)}.lined-notes dt{font-size:18px;line-height:1.35;font-weight:500}.lined-notes dd{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.margin-thought{margin:30px 0 0;padding-left:20px;border-left:3px solid var(--yellow);font-size:14px;line-height:1.75;color:var(--muted)}.end-link{display:inline-block;margin-top:27px;font-size:13px;color:var(--blue)}.scope-control{padding:20px 23px;border:1px solid var(--rule);background:#e7efec;margin:24px 0 30px}.scope-control label{font:11px/1.5 var(--mono);color:var(--muted)}.scope-control>div{display:flex;align-items:center;gap:17px;margin:14px 0 17px}.scope-control>div>span{font-size:10px;color:var(--muted)}input[type="range"]{width:100%;accent-color:var(--blue);cursor:pointer}.scope-control output{display:block;font-size:24px;line-height:1.3;font-weight:500}.scope-control p{font-size:13px;line-height:1.8;margin-top:6px;min-height:46px;color:var(--muted)}.scope-control>small{display:block;font:9px/1.5 var(--mono);color:var(--muted);margin-top:15px}.module-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.module-table caption{text-align:left;font:10px/1.6 var(--mono);margin-bottom:12px;color:var(--muted)}.module-table th{text-align:left;border-block:1px solid var(--rule);font-weight:500;color:var(--muted);padding:9px 8px}.module-table td{padding:14px 8px;border-bottom:1px solid var(--rule);vertical-align:top}.module-table td:last-child{width:145px}.state{font-size:10px;display:block;padding-left:10px;position:relative;white-space:nowrap}.state:before{content:'';width:4px;height:4px;background:#3e7267;position:absolute;left:0;top:6px}.state.partial:before{background:#9c842e}.state.idea:before{background:#91a5ac}.fine-print{font:10px/1.85 var(--mono);color:var(--muted);margin-top:23px}
.real-screens{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.real-screens figure{min-width:0}.real-screens a{display:block;border:1px solid var(--rule);background:#dce4e1;padding:5px}.real-screens img{display:block;max-width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:top left}.real-screens figcaption{font:9px/1.65 var(--mono);margin-top:9px}.real-screens figcaption>span{display:block;font:10px var(--type);color:var(--muted);margin-top:5px}.surface-register{margin-top:34px;border-top:1px solid var(--rule)}.surface-register>p{display:grid;grid-template-columns:175px 1fr;gap:25px;padding:17px 0;border-bottom:1px solid var(--rule);font-size:13px;line-height:1.7}.surface-register b{font-weight:500}.surface-register span{color:var(--muted)}.cost-ledger{margin-top:33px}.ledger-line{display:grid;grid-template-columns:1fr auto 130px;gap:20px;align-items:center;padding:12px 0;border-block:1px solid var(--rule)}.ledger-line>span:first-child{font-size:17px;font-weight:500}.ledger-line>b{font-size:29px;font-weight:550;letter-spacing:-.04em}.ledger-line>span:last-child{font:9px/1.4 var(--mono);text-align:right;color:var(--muted)}.cost-ledger>p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0 26px;max-width:650px}.paper-details{border-block-end:1px solid var(--rule)}.paper-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;font-size:14px}.paper-details summary::-webkit-details-marker{display:none}.paper-details summary>span{font:20px var(--type);color:var(--muted)}.paper-details[open] summary>span{transform:rotate(45deg)}.paper-details summary:focus-visible{outline:3px solid #1e648b;outline-offset:4px}.paper-details>div{padding:0 0 16px;font-size:12px;line-height:1.8;color:var(--muted)}.paper-details>div>p+p{margin-top:12px}.ai-note{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:22px 0;margin-top:15px}.ai-note>span{font:42px/1.2 var(--mono);letter-spacing:-.07em;color:#95abb0;border-bottom:1px solid var(--rule);align-self:start;padding-bottom:10px}.ai-note p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:540px}.letter{margin-top:30px;max-width:650px}.letter p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:18px}.letter .letter-principle{padding:20px 0;border-block:1px solid var(--rule);font-size:21px;line-height:1.45;color:var(--ink)}.letter .signature{font-size:22px;font-weight:600;color:var(--blue);margin:30px 0}
.paper-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 38px;background:#eef3f1;border-top:1px solid var(--rule);font:9px/1.6 var(--mono);color:var(--muted)}.paper-foot>nav{display:flex;gap:18px}.outside-note{display:flex;justify-content:space-between;gap:20px;width:min(1280px,calc(100% - 60px));margin:24px auto 25px;color:#536b74;font:10px/1.5 var(--mono)}
@media(min-width:1340px){.binder{margin-inline:auto}.cover-intro h1{font-size:47px}}
@media(max-width:1339px){.binder{margin-inline:30px}.cover-intro{grid-template-columns:1.2fr 1fr;gap:28px}.leaf{padding-inline:30px}.paper-head,.paper-foot{padding-inline:30px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 137px}.binder{grid-template-columns:59px minmax(0,1fr)}.register>a{font-size:11px;padding-inline:11px}.register>a[aria-current="page"]{padding-left:20px}.register-label{font-size:8px;padding-inline:13px}.cover-intro{grid-template-columns:1fr;gap:17px}.cover-intro>p{max-width:550px;font-size:14px}.route-drawing{grid-template-columns:1fr 18px 96px 18px 1.1fr}.route-start,.route-end{padding:12px 10px}.route-start>strong,.route-end>strong{font-size:15px}.cover-bottom{gap:17px}.cover-bottom>p{gap:12px}.cover-bottom p>span{font-size:9px}.lined-notes>div{grid-template-columns:150px 1fr;gap:20px}.surface-register>p{grid-template-columns:130px 1fr;gap:20px}.paper-foot>span:last-child{display:none}}
@media(max-width:760px){.draft-line{width:calc(100% - 26px);margin-top:12px;font-size:8px;gap:10px}.draft-line>span:last-child{max-width:140px;text-align:right}.binder{margin-inline:13px;grid-template-columns:32px minmax(0,1fr);box-shadow:3px 4px 0 #a8b6b9,6px 10px 0 #b4c1c1}.spine{padding:20px 3px;gap:30px}.spine-brand{font-size:13px}.spine-title{font-size:8px;letter-spacing:.22em}.spine-slot{width:11px;height:49px}.spine-edition{font-size:6px;writing-mode:vertical-rl;line-height:1.7;margin-bottom:10px}.paper-head{min-height:84px;padding:18px 20px;gap:14px}.wordmark{font-size:22px}.wordmark>span{font-size:10px}.demo{font-size:10px}.demo span{margin-left:4px}.workspace{display:flex;flex-direction:column;min-height:0}.register{order:-1;width:100%;display:flex;flex-wrap:wrap;gap:0;border-left:0;border-bottom:1px solid var(--rule);padding:0;background:#e3ecea;align-self:auto}.register-label,.register>p{display:none}.register>a{justify-content:center;flex:1 0 25%;margin:0;box-shadow:none;border-width:0 1px 1px 0;min-height:39px;padding:10px 8px;font-size:10px;gap:7px}.register>a>b{font-size:8px}.register>a[aria-current="page"]{margin:0;padding:10px 8px;box-shadow:none}.leaf{padding:22px 20px 30px;min-height:0}.sheet-meta{margin-bottom:24px;font-size:8px}.sheet-meta>span:last-child{font-size:9px;max-width:120px;text-align:right}.cover-intro h1,h2{font-size:34px}.cover-intro>p{font-size:13px}.cover-note{margin:23px 0 26px;gap:3px 10px;grid-template-columns:22px 1fr}.cover-note strong{font-size:16px}.cover-note p{font-size:11px}.cover-note>a{font-size:10px}.note-mark{font-size:22px}.example-heading{align-items:start}.example-heading>span{font-size:8px;max-width:160px}.example-heading small{font-size:9px}.route-choices{margin-bottom:20px}.route-choices button{font-size:9px;padding:10px 7px;min-height:46px}.route-drawing{grid-template-columns:1fr 12px 80px 12px 1fr;min-height:130px}.route-start,.route-end{padding:9px 8px;min-height:110px}.diagram-index{font-size:7px;margin-bottom:9px}.route-start>strong,.route-end>strong{font-size:13px;min-height:33px}.route-start>small,.route-end>small{font-size:8px}.route-core{padding:14px 5px}.route-core .diagram-index{font-size:6px;letter-spacing:.03em;line-height:1.8}.route-core>strong{font-size:24px}.route-core>small{font-size:8px}.route-caption{font-size:11px;min-height:64px}.route-link{font-size:11px;line-height:1.7}.cover-bottom{flex-direction:column;align-items:start;gap:15px}.cover-bottom b{font-size:27px}.cover-bottom p>span{font-size:10px}.cover-bottom>a{font-size:11px}.intro{font-size:13px;margin-top:20px}.lined-notes>div{grid-template-columns:1fr;gap:10px;padding:19px 0}.lined-notes dt{font-size:17px}.lined-notes dd{font-size:12px}.margin-thought{font-size:12px;padding-left:14px}.end-link{font-size:12px}.scope-control{padding:17px}.scope-control label{font-size:9px}.scope-control output{font-size:21px}.scope-control p{font-size:12px}.module-table{font-size:10px}.module-table td{padding:12px 3px}.module-table td:last-child{width:115px}.module-table th{padding:8px 3px}.state{font-size:8px;white-space:normal}.fine-print{font-size:8px;line-height:1.9}.real-screens{grid-template-columns:1fr;gap:25px}.real-screens figcaption{font-size:9px}.surface-register>p{grid-template-columns:1fr;gap:6px;font-size:12px}.ledger-line{grid-template-columns:1fr auto;gap:4px 15px}.ledger-line>span:first-child{font-size:15px}.ledger-line>span:last-child{grid-column:1;text-align:left;font-size:8px}.ledger-line>b{font-size:27px;grid-column:2;grid-row:1/3}.cost-ledger>p{font-size:12px}.paper-details summary{font-size:12px;gap:15px}.paper-details>div{font-size:11px}.ai-note{grid-template-columns:45px 1fr;gap:15px}.ai-note>span{font-size:30px}.ai-note h3{font-size:22px}.ai-note p{font-size:11px}.letter p{font-size:12px}.letter .letter-principle{font-size:18px}.paper-foot{padding:15px 20px;flex-wrap:wrap;gap:13px;font-size:8px}.paper-foot>nav{gap:14px}.outside-note{width:calc(100% - 26px);font-size:8px;align-items:center;margin-bottom:20px}.outside-note>span{max-width:140px}}
@media(max-width:390px){.paper-head{padding-inline:16px;align-items:start;flex-direction:column;gap:9px}.demo{align-self:flex-end;padding:4px 0}.leaf{padding-inline:16px}.cover-intro h1,h2{font-size:30px}.route-drawing{grid-template-columns:1fr 8px 67px 8px 1fr}.route-start,.route-end{padding:8px 5px}.route-start>strong,.route-end>strong{font-size:12px}.register>a{font-size:9px;padding-inline:5px}.register>a[aria-current="page"]{padding-inline:5px}.register>a>b{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}