@font-face{font-family:OwaMona;src:url('/owa/mona-sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:OwaShantell;src:url('/owa/shantell-sans.ttf') format('truetype');font-display:swap}
:root{--paper:#f6f4ef;--ink:#242528;--muted:#696b70;--line:#dedbd4;--lime:#d9f477;--purple:#7a194e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:OwaMona,Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;min-width:320px;background:var(--paper)}
body::before{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");content:''}
a{color:inherit;text-underline-offset:.22em}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #864abf;outline-offset:4px}
::selection{background:var(--lime);color:var(--ink)}
.skip-link{position:fixed;top:-4rem;left:1rem;z-index:100;padding:.7rem 1rem;border-radius:1rem;background:#fff}.skip-link:focus{top:1rem}
.reading-progress{position:fixed;z-index:55;top:0;left:0;right:0;height:3px;background:transparent}.reading-progress span{display:block;width:0;height:100%;background:#7750ab;transition:width .1s linear}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1.2rem,4vw,4rem);border-bottom:1px solid rgba(116,111,103,.15);background:rgba(246,244,239,.88);backdrop-filter:blur(22px)}
.site-brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:-.045em;white-space:nowrap}

.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.4rem)}.site-header nav a{font-size:.84rem;font-weight:650;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-footer a:hover,.story-rail a:hover{color:#7c53a5}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);grid-template-rows:auto auto;column-gap:clamp(2rem,5vw,6rem);align-items:center;min-height:min(780px,calc(100svh - 70px));max-width:1540px;margin:auto;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,5vw,5rem) 0}
.hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:3rem}.breadcrumb{display:inline-block;margin-bottom:clamp(2rem,6vw,5.5rem);font-size:.82rem;font-weight:650;text-decoration:none}.breadcrumb:hover{text-decoration:underline}
.eyebrow,.chapter-number,.aside-kicker,.evidence-overline{font-size:.69rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:#55575a}.eyebrow-divider{color:#c1bdb5}.status-light{width:.42rem;height:.42rem;border-radius:50%;background:#9cb83d;box-shadow:0 0 0 3px #e8efc7}
.hero h1,.chapter h2{font-family:OwaMona,Inter,system-ui,sans-serif;font-weight:400;letter-spacing:-.055em}.hero h1{margin:1.4rem 0 1.3rem;font-size:clamp(4.5rem,7.2vw,8.2rem);line-height:.95}.hero h1 em,.chapter h2 em{font-weight:400;color:#7b64a4}
.hero-lede{max-width:35rem;margin:0;color:#414346;font-size:clamp(1.16rem,1.65vw,1.58rem);line-height:1.48;letter-spacing:-.026em}.hero-actions,.closing-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.9rem 1.25rem;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:#fff;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.primary-link:hover{transform:translateY(-3px);background:#38383d}.quiet-link{font-size:.84rem;font-weight:750;text-decoration:none}.quiet-link:hover{text-decoration:underline}.hero-caption{margin-top:2rem;color:#7b7c7e;font-size:.74rem}
.hero-image{position:relative;align-self:stretch;min-height:480px;margin:0;border-radius:2px;overflow:hidden;background:#e9e6e0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}.hero-image figcaption{position:absolute;left:1.2rem;bottom:1.1rem;padding:.52rem .68rem;border-radius:.35rem;background:rgba(246,244,239,.9);font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(7px)}.image-callout{position:absolute;padding:.45rem .7rem;border:1px solid #c6c2b9;border-radius:.35rem;background:rgba(255,255,255,.83);box-shadow:0 5px 20px #2b243318;color:#4a4056;font-family:OwaShantell,cursive;font-size:.9rem;transform:rotate(-5deg);backdrop-filter:blur(7px)}.image-callout-files{left:8%;top:28%}.image-callout-model{right:12%;top:18%;transform:rotate(5deg)}
.hero-index{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(2rem,5vw,4.5rem);padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#66686b;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.story-grid{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,880px);gap:clamp(2rem,8vw,8rem);max-width:1390px;margin:0 auto;padding:0 clamp(1.25rem,5vw,5rem)}
.story-rail{position:sticky;top:6rem;align-self:start;display:flex;flex-direction:column;gap:.55rem;margin-top:7.7rem}.story-rail>p{margin:0 0 .75rem;color:#8b8984;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.story-rail a{width:max-content;max-width:100%;padding:.22rem 0;color:#777976;font-size:.77rem;text-decoration:none;transition:color .2s}.story-rail a.is-active{color:var(--ink);font-weight:800}
.story-body{min-width:0}.chapter{padding:clamp(5rem,8vw,8.5rem) 0;border-bottom:1px solid var(--line)}.chapter:last-child{border-bottom:none}.chapter-number{color:#897c9f}.chapter-heading{max-width:730px}.chapter h2{margin:1rem 0 1.25rem;font-size:clamp(3.7rem,6.2vw,6.5rem);line-height:.99}.chapter-heading>p{max-width:640px;color:var(--muted);font-size:1rem;line-height:1.75}.prose-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(170px,.8fr);gap:clamp(2rem,6vw,5rem);align-items:start;margin-top:2.6rem}.prose p{max-width:650px;margin:0 0 1.4rem;color:#505155;font-size:1rem;line-height:1.9}.prose p.lead{color:#2c2e32;font-size:1.13rem;line-height:1.72;letter-spacing:-.012em}.hand-note{position:relative;padding:2rem 0 0 1rem;border-left:1px solid #d5ccd5;transform:rotate(2deg)}.hand-note p{margin:.4rem 0 1rem;color:var(--purple);font-family:OwaShantell,cursive;font-size:clamp(1rem,1.7vw,1.27rem);line-height:1.5}.hand-note small{color:#91858b;font-size:.64rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.note-star{position:absolute;top:-.4rem;left:1rem;color:#b78aac;font-family:OwaShantell,cursive;font-size:1.8rem}
.trace-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.7rem}.trace-choice{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border:1px solid #d6d3cc;border-radius:.65rem;background:#faf9f6;color:#62656a;font-size:.78rem;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.trace-choice:hover{transform:translateY(-2px);border-color:#9c91a9}.trace-choice.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.trace-choice span{font-family:var(--mono);font-size:.63rem;opacity:.64}.trace-stage{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(220px,.72fr);min-height:390px;margin-top:1rem;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #1a1b1d17}.trace-terminal{min-width:0;background:#24262b;color:#e9e9e6}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:3.4rem;padding:0 1.2rem;border-bottom:1px solid #ffffff21;color:#a9aaae;font-family:var(--mono);font-size:.64rem}.terminal-bar>span:last-child{color:#c7e89c}.terminal-dots{display:flex;gap:.28rem}.terminal-dots i{display:block;width:.45rem;height:.45rem;border-radius:50%;background:#ff9a8a}.terminal-dots i:nth-child(2){background:#f5ca74}.terminal-dots i:nth-child(3){background:#adcc8e}.terminal-content{padding:1.55rem clamp(1.1rem,3vw,2rem);font-family:var(--mono);font-size:.76rem;line-height:1.6}.terminal-content p{margin:0}.terminal-prompt{padding-bottom:1.4rem;color:#f4f0e7}.terminal-prompt>span:first-child{color:#c6ee7c}.terminal-event{display:flex;gap:1rem;padding:.65rem 0;color:#bfc1c4}.terminal-glyph{color:#8ea8b2}.terminal-label{display:inline-block;margin-bottom:.24rem;color:#b8d1ff}.terminal-result{margin-top:1rem;padding:1rem 1.05rem;border:1px solid #ffffff1c;border-radius:.55rem;background:#ffffff0d}.terminal-result span{color:#c6ee7c}.terminal-result p{margin-top:.35rem;color:#e1e1db}.trace-aside{display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2.2rem);background:#e4ecce}.aside-kicker{color:#748047}.trace-aside h3{margin:2.1rem 0 .7rem;font-family:OwaMona,Inter,system-ui,sans-serif;font-size:clamp(2.3rem,3vw,3.3rem);font-weight:400;line-height:1.05;letter-spacing:-.04em}.trace-aside p{margin:0;color:#535d47;font-size:.87rem;line-height:1.7}.trace-aside-foot{margin-top:auto;padding-top:2rem;color:#7a856d;font-size:.68rem}.source-line{margin:1rem 0 0;color:#8b8883;font-size:.75rem;line-height:1.6}.source-line a{font-weight:700;text-decoration:none}.source-line a:hover{text-decoration:underline}
.system-lab{margin-top:2.5rem;padding:1.5rem;border:1px solid #dedbd4;border-radius:1.1rem;background:#f0eee7}.system-flow{display:flex;align-items:stretch;justify-content:center}.flow-node{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:145px;padding:1rem;border:1px solid #d8d4ca;border-radius:.7rem;background:#fffefa;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.flow-node:hover{transform:translateY(-3px)}.flow-node.is-active{border-color:#34363a;background:#e3edc5;box-shadow:0 7px 0 #c8d4a6}.flow-num{color:#8a8c83;font-family:var(--mono);font-size:.58rem}.flow-icon{margin:auto 0 .2rem;font-family:OwaMona,Inter,system-ui,sans-serif;font-size:2rem;line-height:1}.flow-node strong{font-size:.85rem;letter-spacing:-.03em}.flow-node small{color:#797d76;font-size:.66rem}.flow-join{align-self:center;flex:0 0 clamp(8px,2vw,26px);height:1px;background:#bbb9ae}.system-detail{margin-top:1.5rem;padding:clamp(1.5rem,4vw,2.4rem);border-radius:.75rem;background:#fffefa}.system-detail h3{max-width:600px;margin:.8rem 0;font-family:OwaMona,Inter,system-ui,sans-serif;font-size:clamp(2rem,3.3vw,3rem);font-weight:400;letter-spacing:-.035em}.system-detail p{max-width:670px;margin:0;color:#595b58;font-size:.92rem;line-height:1.7}.system-detail-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.7rem;padding-top:1rem;border-top:1px solid #e6e2d9;font-size:.72rem}.system-detail-foot code{color:#8e5caf;font-size:.7rem}.system-detail-foot a{text-decoration:none;font-weight:750}.system-detail-foot a:hover{text-decoration:underline}.after-lab{margin-top:3rem}
.approval-demo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);min-height:335px;margin-top:2.5rem;border:1px solid #dedbd4;border-radius:1rem;overflow:hidden;background:#fffdf8}.approval-copy{padding:clamp(1.5rem,4vw,2.5rem)}.approval-copy h3{margin:1rem 0 .5rem;font-family:OwaMona,Inter,system-ui,sans-serif;font-size:clamp(2.5rem,4vw,3.7rem);font-weight:400;letter-spacing:-.04em}.approval-copy>p{max-width:450px;color:#686864;font-size:.86rem;line-height:1.7}.approval-copy code{padding:.2rem .35rem;border-radius:.2rem;background:#efede6;color:#4e4d55;font-family:var(--mono);font-size:.8em}.approval-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 1rem}.approval-actions button{padding:.72rem 1rem;border-radius:.55rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .2s}.approval-actions button:hover{transform:translateY(-2px)}.approval-yes{border:1px solid #262b22;background:var(--lime);color:#262b22}.approval-no{border:1px solid #dad6cb;background:transparent;color:#565853}.approval-feedback{min-height:2.8em;margin-bottom:0!important;color:#686864}.approval-visual{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 1rem;background:#ddd9ea;color:#655b75;text-align:center}.approval-visual-top,.approval-visual-bottom{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.approval-visual strong{display:grid;width:8rem;height:8rem;place-items:center;border:1px solid #a9a0ba;border-radius:50%;font-family:OwaMona,Inter,system-ui,sans-serif;font-size:5rem;font-weight:400;transition:background .25s,transform .25s}.approval-visual[data-state=approved] strong{background:var(--lime);transform:rotate(8deg)}.approval-visual[data-state=denied] strong{background:#ead0d6;transform:rotate(-8deg)}
.detail-list{margin-top:3rem;border-top:1px solid var(--line)}.detail-list details{border-bottom:1px solid var(--line)}.detail-list summary{display:grid;grid-template-columns:130px 1fr 24px;gap:1rem;align-items:center;padding:1.35rem .2rem;cursor:pointer;list-style:none}.detail-list summary::-webkit-details-marker{display:none}.detail-list summary span:first-child{color:#8b80a2;font-family:var(--mono);font-size:.67rem}.detail-list summary strong{font-size:1.04rem;font-weight:650;letter-spacing:-.025em}.detail-list summary span:last-child{font-size:1.3rem;transition:transform .2s}.detail-list details[open] summary span:last-child{transform:rotate(45deg)}.detail-list details>p{max-width:650px;margin:0 0 1rem 146px;color:#62635f;font-size:.88rem;line-height:1.8}.detail-list details>a{display:inline-block;margin:0 0 1.5rem 146px;font-size:.73rem;font-weight:750;text-decoration:none}.detail-list details>a:hover{text-decoration:underline}
.evidence-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,.7fr);gap:1.5rem;margin-top:2.5rem}.evidence-main{padding:clamp(1.5rem,4vw,2.5rem);border-radius:1rem;background:#ebe7ef}.evidence-overline{color:#79688d}.evidence-numbers{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.evidence-numbers strong{font-family:OwaMona,Inter,system-ui,sans-serif;font-size:clamp(3rem,5vw,5rem);font-weight:400;letter-spacing:-.05em;line-height:1}.evidence-numbers strong span{color:#a695b5}.evidence-numbers p{max-width:200px;margin:.6rem 0 0;color:#5b5560;font-size:.76rem;line-height:1.55}.evidence-note{margin:2rem 0 1.4rem;padding-top:1.3rem;border-top:1px solid #d4ceda;color:#5b5560;font-size:.78rem;line-height:1.7}.evidence-main>a{font-size:.73rem;font-weight:750;text-decoration:none}.evidence-main>a:hover{text-decoration:underline}.evidence-side{padding:1.5rem 0}.evidence-side .aside-kicker{color:#9c6383}.evidence-side p{margin:.5rem 0 2rem;color:#62635f;font-size:.83rem;line-height:1.65}
.try-chapter{padding-bottom:8rem}.install-block{max-width:700px;margin-top:2.4rem;border-radius:.8rem;overflow:hidden;background:#24262b;color:#eff0e9}.install-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;border-bottom:1px solid #ffffff20;color:#aeb3ad;font-family:var(--mono);font-size:.7rem}.install-top button{padding:.4rem .6rem;border:1px solid #ffffff55;border-radius:.35rem;background:transparent;color:#e4ebdd;font-family:OwaMona,system-ui,sans-serif;font-size:.68rem;cursor:pointer}.install-top button:hover{background:#ffffff15}.install-block pre{margin:0;padding:1.8rem clamp(1.1rem,3vw,2rem);overflow-x:auto;font:clamp(.8rem,1.5vw,.98rem)/1.9 var(--mono)}.install-block code{color:#d8f58b}.closing-links{margin-top:2.7rem}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1390px;margin:auto;padding:2rem clamp(1.25rem,5vw,5rem);border-top:1px solid var(--line);color:#797a77;font-size:.73rem}.site-footer a{text-decoration:none;font-weight:700}
.image-callout summary{list-style:none;cursor:pointer}.image-callout summary::-webkit-details-marker{display:none}.image-callout summary span{color:#8c65a9}.image-callout[open]{z-index:2;max-width:215px;transform:none}.image-callout p{margin:.55rem 0 .1rem;color:#55575b;font-family:OwaMona,system-ui,sans-serif;font-size:.68rem;line-height:1.48}
@media(max-width:1100px){.hero{min-height:660px}.hero h1{font-size:clamp(4.3rem,7vw,6.3rem)}.hero-image{min-height:420px}.story-grid{gap:3rem}.story-rail{min-width:140px}.system-flow{flex-wrap:wrap;gap:.6rem}.flow-join{display:none}.flow-node{flex:1 1 42%}}
@media(max-width:760px){.site-header{padding:.85rem 1.1rem}.site-brand>span:last-child{display:none}.site-header nav{gap:1rem}.site-header nav a{font-size:.75rem}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:2.3rem 1.15rem 0}.hero-copy{padding:0}.breadcrumb{margin-bottom:3.5rem}.hero h1{font-size:clamp(4.2rem,12vw,6rem)}.hero-lede{font-size:1.16rem}.hero-image{min-height:0;aspect-ratio:1.15;margin-top:3rem}.hero-image img{object-position:50%}.hero-index{flex-wrap:wrap;justify-content:flex-start;margin-top:1.5rem;gap:.65rem 1.3rem;font-size:.59rem}.story-grid{display:block;padding:0 1.15rem}.story-rail{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem .8rem;margin:2.5rem 0 0;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}.story-rail>p{width:100%;margin:0 0 .3rem}.story-rail a{font-size:.72rem}.chapter{padding:5rem 0}.chapter h2{font-size:clamp(3.7rem,10vw,5.5rem)}.prose-layout{grid-template-columns:1fr;gap:1.2rem}.hand-note{max-width:320px;margin:0 0 0 auto}.trace-stage,.evidence-grid{grid-template-columns:1fr}.trace-aside{min-height:220px}.trace-aside h3{margin:1.3rem 0 .6rem}.trace-aside-foot{padding-top:1rem}.approval-demo{grid-template-columns:1fr 170px}.evidence-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.evidence-side p{margin:.5rem 0}}
@media(max-width:520px){.site-header nav a:nth-child(2){display:none}.site-header nav{gap:1.2rem}.hero h1{font-size:clamp(3.9rem,15vw,5rem)}.hero-image{aspect-ratio:1;}.image-callout{font-size:.68rem}.image-callout-files{left:3%}.image-callout-model{right:5%}.hero-index span{width:100%}.story-rail a{padding:.28rem .45rem;border:1px solid var(--line);border-radius:99px}.story-rail a.is-active{border-color:#8b76a3}.chapter h2{font-size:clamp(3.4rem,11vw,4.5rem)}.trace-choice{flex:1 1 auto;justify-content:center;padding:.7rem .5rem;font-size:.68rem}.trace-choice span{display:none}.trace-stage{min-height:0}.terminal-content{font-size:.69rem}.system-lab{padding:.65rem}.flow-node{min-height:120px;padding:.72rem}.flow-node strong{font-size:.78rem}.flow-node small{font-size:.58rem}.system-detail{padding:1.2rem}.approval-demo{grid-template-columns:1fr}.approval-visual{min-height:165px;flex-direction:row;gap:1rem}.approval-visual strong{width:5.5rem;height:5.5rem;font-size:3.3rem}.approval-visual-top,.approval-visual-bottom{max-width:85px}.detail-list summary{grid-template-columns:1fr 24px;gap:.3rem}.detail-list summary span:first-child{grid-column:1/-1}.detail-list summary strong{font-size:.91rem}.detail-list summary span:last-child{grid-column:2;grid-row:2}.detail-list details>p,.detail-list details>a{margin-left:0}.evidence-numbers{gap:1rem}.evidence-numbers strong{font-size:3.4rem}.evidence-side{grid-template-columns:1fr}.try-chapter{padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Match the portfolio's work pages: Mona Sans, light gray canvas, white cards. */
:root{--paper:#f5f5f7;--ink:#202125;--muted:#62666e;--line:#d9dce2;--lime:#dfff76}
body::before{display:none}
.reading-progress span{background:#24262c}
.site-header{position:relative;top:auto;max-width:1120px;margin:0 auto;padding:28px 32px;background:transparent;border-bottom:1px solid var(--line);backdrop-filter:none}
.site-brand{gap:12px;font-size:1.12rem}
.site-brand img{display:block;width:68px;height:auto;flex:0 0 auto}
.site-header nav a{font-size:.875rem}
.site-header nav a:hover,.site-footer a:hover,.story-rail a:hover{color:#4e5ec4}
.hero{max-width:1120px;min-height:0;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:20px;padding:48px 32px 0}
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:520px;padding:clamp(30px,3.5vw,48px);border:1px solid #e7e8ec;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(31,35,48,.07)}
.breadcrumb{margin-bottom:clamp(2rem,4vw,3.5rem);color:#62666e}
.eyebrow,.chapter-number,.aside-kicker,.evidence-overline{letter-spacing:.11em}
.hero h1,.chapter h2,.trace-aside h3,.system-detail h3,.approval-copy h3,.evidence-numbers strong{font-family:OwaMona,Inter,system-ui,sans-serif;font-weight:750}
.hero h1{font-size:clamp(3.2rem,5.1vw,5.1rem);line-height:1.02;letter-spacing:-.066em}
.hero h1 em,.chapter h2 em{color:#83868e;font-style:normal;font-weight:inherit}
.hero-lede{color:#525761;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.55}
.hero-caption{margin-bottom:0}
.hero-image{min-height:520px;border-radius:24px;box-shadow:0 18px 60px rgba(31,35,48,.07)}
.hero-image figcaption{border-radius:12px;background:rgba(255,255,255,.88)}
.image-callout{border-radius:12px}
.hero-index{margin-top:24px;color:#747780}
.story-grid{max-width:1120px;grid-template-columns:160px minmax(0,1fr);gap:clamp(28px,5vw,68px);padding:0 32px}
.story-rail{margin-top:6rem}
.chapter{padding:clamp(5rem,7vw,7rem) 0}
.chapter-number{color:#747780}
.chapter h2{font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.08;letter-spacing:-.055em}
.hand-note{border-left-color:#d6d0dc}
.trace-choice{border-color:#d9dce2;border-radius:12px;background:#fff;color:#62666e}
.trace-choice.is-active{border-color:#24262c;background:#24262c;color:#fff}
.trace-stage{border-radius:24px}
.trace-aside{background:#e5edf7}
.trace-aside h3{font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1;letter-spacing:-.045em}
.trace-aside p{color:#535d6b}
.system-lab{border-color:#e2e5ea;border-radius:24px;background:#eceff3}
.flow-node{border-color:#d9dce2;border-radius:16px;background:#fff}
.flow-node.is-active{border-color:#24262c;background:#dfff76;box-shadow:0 7px 0 #d4e6a4}
.system-detail{border-radius:18px;background:#fff}
.system-detail h3{font-size:clamp(1.8rem,2.7vw,2.55rem);line-height:1.16;letter-spacing:-.045em}
.system-detail-foot code{color:#666bc2}
.approval-demo{border-color:#e2e5ea;border-radius:24px;background:#fff}
.approval-copy h3{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.05em}
.approval-visual{background:#dce7fa;color:#4a5871}
.approval-visual strong{font-family:OwaMona,Inter,system-ui,sans-serif;font-weight:700}
.evidence-main{border-radius:24px;background:#e5edf7}
.evidence-overline{color:#5c6e89}
.evidence-numbers strong{font-size:clamp(2.8rem,4.4vw,4.1rem);letter-spacing:-.06em}
.evidence-numbers strong span{color:#9aa8b9}
.evidence-numbers p,.evidence-note{color:#566477}
.evidence-note{border-top-color:#cbd7e6}
.install-block{border-radius:20px}
.site-footer{max-width:1120px}
@media(max-width:760px){.site-header{padding:20px 16px}.site-brand img{width:64px}.hero{display:flex;gap:0;padding:24px 16px 0}.hero-copy{min-height:0;padding:30px 26px}.hero h1{font-size:clamp(2.9rem,10vw,4.5rem)}.hero-image{min-height:0;aspect-ratio:1.12;margin-top:16px}.hero-index{margin-top:20px}.story-grid{padding:0 16px}.story-rail{margin-top:2rem}.chapter h2{font-size:clamp(2.45rem,8vw,3.6rem)}.trace-aside h3{font-size:2rem}}
@media(max-width:520px){.hero-copy{padding:26px 22px}.hero h1{font-size:clamp(2.7rem,11vw,3.6rem)}.hero-image{aspect-ratio:1}.chapter h2{font-size:clamp(2.25rem,9vw,3rem)}}

/* A source desk that lets the reader inspect the evidence budget. */
.evidence-desk{margin-top:2rem;padding:clamp(1.2rem,3.5vw,2.2rem);border:1px solid #dce1e9;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(31,35,48,.045);scroll-margin-top:2rem}
.desk-intro{max-width:650px}
.desk-intro h3{margin:.7rem 0 .5rem;font-size:clamp(1.75rem,2.8vw,2.5rem);letter-spacing:-.052em;line-height:1.12}
.desk-intro p{margin:0;color:#646a74;font-size:.88rem;line-height:1.7}
.desk-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);gap:1.5rem;align-items:end;margin:1.7rem 0 1.2rem}
.desk-questions{display:flex;flex-wrap:wrap;gap:.55rem}
.desk-question{padding:.72rem .88rem;border:1px solid #dce1e9;border-radius:10px;background:#f7f8fa;color:#5c626d;font-size:.74rem;font-weight:750;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.desk-question:hover,.desk-file:hover{transform:translateY(-2px)}
.desk-question.is-active{border-color:#252932;background:#252932;color:#fff}
.desk-budget{display:block;color:#626973;font-size:.73rem;font-weight:650}
.desk-budget>span:first-child{display:flex;justify-content:space-between;gap:.5rem}
.desk-budget strong{color:#252932;font-family:var(--mono);font-size:.7rem;white-space:nowrap}
.desk-budget input{display:block;width:100%;margin:.85rem 0 .2rem;accent-color:#454d64;cursor:pointer}
.budget-labels{display:flex;justify-content:space-between;gap:1rem;color:#878c95;font-size:.63rem;font-weight:500}
.desk-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1rem;align-items:stretch;padding:1rem;border-radius:18px;background:#edf0f5}
.desk-files{display:grid;gap:.6rem;align-content:start}
.desk-file{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding:.9rem 1rem;border:1px solid #dce1e9;border-radius:13px;background:#fff;color:#242931;text-align:left;cursor:pointer;transition:opacity .2s,transform .2s,border-color .2s,background .2s,box-shadow .2s}
.desk-file.is-selected{border-color:#434b5c;box-shadow:0 0 0 2px #434b5c18}
.desk-file.is-out{opacity:.55;background:#f8f9fb}
.desk-file.is-out.is-selected{opacity:.85}
.desk-file-top{display:flex;justify-content:space-between;gap:.5rem;color:#79818d;font-family:var(--mono);font-size:.61rem;text-transform:uppercase;letter-spacing:.04em}
.desk-file-state{color:#60764b}
.desk-file.is-out .desk-file-state{color:#8d7d7d}
.desk-file-path{overflow-wrap:anywhere;font-family:var(--mono);font-size:.76rem;letter-spacing:-.035em}
.desk-file-summary{color:#5d6570;font-size:.72rem;line-height:1.48}
.desk-file-foot{margin-top:.2rem;color:#5f67aa;font-size:.65rem;font-weight:750}
.desk-inspector{display:flex;flex-direction:column;min-width:0;padding:clamp(1.2rem,3vw,1.9rem);border-radius:14px;background:#dfe8f9}
.desk-inspector-eyebrow{color:#526687;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.desk-inspector h4{margin:auto 0 .8rem;padding-top:2rem;font-size:clamp(1.6rem,2.7vw,2.4rem);line-height:1.1;letter-spacing:-.052em}
.desk-inspector p{margin:0;color:#4e5d72;font-size:.82rem;line-height:1.7}
.desk-inspector a{align-self:flex-start;margin-top:1.6rem;font-size:.72rem;font-weight:800;text-decoration:none}
.desk-inspector a:hover{text-decoration:underline}
.desk-outcome{display:flex;gap:.8rem;align-items:flex-start;margin-top:1rem;padding:1rem 1.1rem;border:1px solid #e2e6ed;border-radius:12px;background:#f8f9fb}
.desk-outcome-icon{color:#6672a8;font-size:1.2rem;line-height:1}
.desk-outcome p{margin:0;color:#636b76;font-size:.73rem;line-height:1.6}
@media(max-width:760px){.desk-controls,.desk-workspace{grid-template-columns:1fr}.desk-inspector h4{margin:0 0 .8rem}.desk-inspector{min-height:250px}}
@media(max-width:520px){.evidence-desk{padding:1rem}.desk-workspace{padding:.65rem}.desk-question{flex:1 1 42%}.desk-inspector{min-height:0}}

.field-notes{margin-top:2.5rem;border-top:1px solid var(--line)}
.field-notes-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.2rem 0 .5rem}
.field-notes-heading p{margin:0;color:#848a95;font-size:.72rem}
.field-note{border-bottom:1px solid var(--line)}
.field-note summary{display:grid;grid-template-columns:120px minmax(0,1fr) 22px;gap:1rem;align-items:center;padding:1.35rem .2rem;list-style:none;cursor:pointer}
.field-note summary::-webkit-details-marker{display:none}
.field-note summary span:first-child{color:#6d7790;font-family:var(--mono);font-size:.65rem;text-transform:uppercase}
.field-note summary strong{font-size:1rem;letter-spacing:-.025em}
.field-note summary span:last-child{font-size:1rem;transition:transform .2s}
.field-note[open] summary span:last-child{transform:rotate(90deg)}
.field-note p{max-width:660px;margin:0 0 1.3rem 136px;color:#626a75;font-size:.83rem;line-height:1.8}
@media(max-width:520px){.field-notes-heading{display:block}.field-notes-heading p{margin-top:.4rem}.field-note summary{grid-template-columns:1fr 22px;gap:.3rem}.field-note summary span:first-child{grid-column:1/-1}.field-note summary span:last-child{grid-column:2;grid-row:2}.field-note p{margin-left:0}}