@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101216;--panel:#191c22;--ink:#f4f2ed;--muted:#aeb2bc;--line:#30343d;--accent:#f1a17c;--code:#0b0d11;--green:#8fcba9;--soft:#202128;color-scheme:dark}
:root.light{--bg:#f6f4ef;--panel:#fffdf8;--ink:#24272e;--muted:#626873;--line:#d8d6d0;--accent:#b64729;--code:#eeece6;--green:#246a42;--soft:#ebe8e0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 'Manrope',Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}button{color:var(--ink)}header{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.6px;text-decoration:none}.brandicon{width:39px;height:39px;flex-shrink:0}.branddim{font-weight:500;color:var(--muted)}.header-actions{display:flex;gap:24px;align-items:center}.header-link{font-size:12px;text-decoration:none;color:var(--muted)}.theme{width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:10px;font-size:21px}.hero{max-width:1400px;padding:70px 5% 65px;margin:auto;display:grid;grid-template-columns:1fr 1.06fr;gap:5%;align-items:center}.eyebrow,.chapter-meta,.hero-foot,.hero-art-top,.two-jobs>div>span,.contents>p,.lab-top,.mini-bottom,.pipeline>div>span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.7px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted)}.eyebrow>span{width:6px;height:6px;background:var(--accent);border-radius:100%}h1{font:800 clamp(48px,5.25vw,76px)/1.03 'Manrope',Arial,sans-serif;letter-spacing:-4px;margin:25px 0 27px}h1 em{color:var(--accent);font-style:normal}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.85}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--accent);color:var(--bg);padding:15px 21px;text-decoration:none;border-radius:9px;margin-top:15px;font-size:13px;font-weight:800}.light .primary{color:#fff}.hero-foot{color:var(--muted);margin-top:16px;font-size:9px;letter-spacing:0}.hero-art{position:relative;align-self:stretch;min-height:480px;background:#0b0d11;border:1px solid #30343d;border-radius:18px;overflow:hidden;color:#f4f2ed}.hero-art>img{position:absolute;inset:40px -20% 0;width:130%;height:calc(100% - 70px);object-fit:cover;object-position:75% 50%;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.hero-art-top{position:absolute;top:25px;left:26px;right:26px;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:25px;font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-1px}.hero-art-top small{font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#aeb2bc}.hero-art-bottom{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;color:#aeb2bc}.hero-art-bottom b{color:#f4f2ed;font-weight:500}.hero-art-bottom a{display:grid;place-items:center;border:1px solid #51515a;color:#f1a17c;border-radius:50%;font-size:24px;width:42px;height:42px;text-decoration:none}.two-jobs{max-width:1260px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.two-jobs>div{padding:32px 40px}.two-jobs>div+div{border-left:1px solid var(--line)}.two-jobs>div>span{color:var(--accent)}.two-jobs h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:13px 0}.two-jobs p{font-size:13px;max-width:420px;margin:0;color:var(--muted)}.two-jobs a{display:inline-block;margin-top:15px;font-size:11px;text-decoration:none}.reading{display:grid;grid-template-columns:210px minmax(0,820px);gap:65px;max-width:1210px;margin:auto;padding:0 35px 80px}.contents{position:sticky;top:28px;align-self:start;font-size:12px}.contents>p{color:var(--muted);margin:0 0 18px;text-transform:uppercase}.contents a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:10px 8px;border-radius:6px;color:var(--muted);font-size:11px}.contents a span{font:10px 'IBM Plex Mono',monospace;color:var(--muted);width:18px}.contents a.active{background:var(--panel);color:var(--accent)}.contents a.active span{color:var(--accent)}.contents .download{margin-top:25px;border-top:1px solid var(--line);border-radius:0;padding-top:20px;font-size:10px}.start-note{display:flex;gap:20px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:13px}.start-symbol{color:var(--accent);font-size:30px;line-height:1.2}.start-note p{color:var(--muted)}.start-note p:last-child{margin-bottom:0;font-size:11px}.chapter{padding-top:76px;scroll-margin-top:10px}.chapter-meta{color:var(--accent);text-transform:uppercase}.chapter h2{font-size:clamp(29px,3vw,40px);font-weight:800;line-height:1.2;letter-spacing:-1.5px;margin:13px 0}.result{font-size:14px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:30px}.chapter>p,.action{font-size:15px}.chapter h3{font-size:21px;line-height:1.4;margin:38px 0 16px;letter-spacing:-.6px;scroll-margin-top:40px}.action{display:grid;grid-template-columns:25px 1fr;gap:10px;margin:22px 0}.action>span{color:var(--accent);font-size:22px;line-height:1.4}.action p{margin:0}.note{padding:16px 20px;border-left:2px solid var(--accent);background:var(--panel);font-size:13px;margin:24px 0;overflow-wrap:anywhere;color:var(--muted)}.prompt{margin:25px 0;background:var(--code);border:1px solid var(--line);border-radius:10px;overflow:hidden}.prompt-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;background:var(--panel);font-size:10px;color:var(--muted)}.prompt-top button{border:1px solid var(--line);background:var(--bg);color:var(--accent);font-size:11px;padding:8px 12px;border-radius:5px;min-height:36px}.prompt summary{padding:17px 19px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;display:flex;gap:15px;align-items:center;justify-content:space-between}.prompt summary span{font-size:10px;color:var(--muted);font-weight:400;white-space:nowrap}.prompt details[open] summary span{visibility:hidden}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 20px 20px;font:13px/1.85 'Manrope',Arial,sans-serif;color:var(--muted)}.copy-status{margin:0;padding:0 20px;font-size:11px;color:var(--green)}.copy-status:not(:empty){padding-block:8px}.extra{border:1px solid var(--line);border-radius:8px;margin:25px 0;padding:0 20px;background:var(--panel);font-size:14px;scroll-margin-top:40px}.extra summary{padding:18px 0;cursor:pointer;font-size:13px;font-weight:600}.extra p,.extra .action{font-size:13px}.checkpoint{margin:30px 0 20px;border:1px solid var(--line);border-left:3px solid var(--green);padding:20px 23px;border-radius:7px;background:var(--panel)}.checkpoint b{font-size:11px;color:var(--green)}.checkpoint b:before{content:'✓ ';margin-right:7px}.checkpoint p{font-size:13px;margin:7px 0 0;color:var(--muted)}.next{display:flex;justify-content:space-between;font-size:12px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line)}.shot{margin:30px 0}.zoom{display:block;padding:12px;background:var(--panel);border:1px solid var(--line);width:100%;border-radius:8px;color:var(--muted)}.shot-frame{display:block;position:relative;line-height:0}.shot-frame>img{display:block;width:100%;height:auto}.shot-frame>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.arrows>path{fill:none;stroke:#d94b23;stroke-width:4;marker-end:var(--marker)}.arrows circle{fill:#d94b23;stroke:#fff;stroke-width:2}.arrows text{font:700 18px Arial;fill:#fff;text-anchor:middle}.shot-frame marker path{fill:#d94b23}.zoom-label{display:block;font-size:10px;margin-top:10px;text-align:right}.shot figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.shot:has(img[src*="gsc-menu"]){max-width:350px}.design-lab{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:28px 0;background:var(--panel)}.lab-top{display:flex;justify-content:space-between;gap:15px;background:var(--panel);padding:13px 18px;font-size:9px;color:var(--muted)}.choices{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.choices button{font-size:11px;background:transparent;border:1px solid var(--line);padding:11px 10px;border-radius:6px;color:var(--muted);flex:1}.choices button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.light .choices button[aria-pressed=true]{color:white}.mini-site{position:relative;background:#101216;min-height:460px;overflow:hidden;color:#f4f2ed;padding:28px;isolation:isolate}.mini-nav{display:flex;justify-content:space-between;align-items:center;font:9px 'IBM Plex Mono',monospace;position:relative;z-index:2}.mini-nav b{font:800 26px 'Manrope',Arial;letter-spacing:-1px}.mini-nav b span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:3px}.mini-content{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:340px}.mini-copy{position:relative;z-index:1;pointer-events:none}.mini-eyebrow{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#aeb2bc}.mini-copy h4{font:800 clamp(36px,4.2vw,57px)/1.06 'Manrope',Arial;letter-spacing:-2.5px;margin:18px 0;color:#f4f2ed}.peach{color:#f1a17c}.mini-copy p{font-size:10px;line-height:1.7;color:#aeb2bc}.mini-button{display:inline-block;background:#f1a17c;color:#101216;padding:11px 15px;font-size:10px;font-weight:700;border-radius:6px;margin-top:12px;text-decoration:none;pointer-events:auto}.mini-content>img{position:absolute;width:105%;height:100%;right:-7%;top:0;object-fit:cover;object-position:70%;z-index:0;mask-image:linear-gradient(90deg,transparent 5%,#000 65%)}.mini-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:8px;color:#aeb2bc}.mini-site.raw{background:#f2f2f2;color:#222;padding:25px;text-align:center}.raw .mini-nav{justify-content:center;margin-bottom:18px;gap:16px}.raw .mini-nav b{font:16px Arial;letter-spacing:0}.raw .mini-content{display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:330px}.raw .mini-eyebrow{text-transform:none;font-size:11px;letter-spacing:0;color:#555}.raw .mini-copy h4{font:20px/1.3 Arial;letter-spacing:0;margin:10px;color:#222}.raw .mini-copy h4 br{display:none}.raw .peach{color:inherit}.raw .mini-copy p{font-size:11px;color:#555}.raw .mini-button{background:#555;color:white;border-radius:5px;margin:0}.raw .mini-content>img{position:static;width:100px;height:65px;border-radius:0;order:2;mask-image:none}.raw .mini-bottom{color:#666}.type{background:#202329}.type .mini-content>img{position:relative;width:100%;height:190px;right:0;mask-image:none;filter:grayscale(1)}.type .mini-copy h4{font-size:43px}.type .peach{color:inherit}.type .mini-button{background:#e6e7e8}.design-caption{padding:19px 22px;font-size:12px;min-height:120px;border-top:1px solid var(--line)}.design-caption p{margin:6px 0 0;color:var(--muted);font-size:12px}.pipeline{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;margin:26px 0;padding:25px 16px;border:1px solid var(--line);border-radius:9px;background:var(--code)}.pipeline>div{text-align:center}.pipeline>div>span{font-size:7px;display:block;color:var(--accent)}.pipeline b{font-size:16px}.pipeline p{font-size:10px;color:var(--muted);margin:5px 0 0}.pipe-arrow{color:var(--accent);text-align:center}.motion-map{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:28px 0}.motion-map>a{display:flex;flex-direction:column;padding:20px 16px;text-decoration:none;color:var(--ink);background:var(--panel)}.motion-map>a+a{border-left:1px solid var(--line)}.route-number{font:20px 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:20px}.motion-map b{font-size:13px;line-height:1.5}.motion-map p{font-size:11px;color:var(--muted);flex:1}.motion-map small{font-size:9px;color:var(--accent)}.motion-lab{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:25px 0;background:var(--panel)}.motion-image{position:relative;overflow:hidden;line-height:0;aspect-ratio:1.85;background:#101216}.motion-image img{width:100%;height:100%;object-fit:cover;object-position:70%;transform:translateX(var(--shift,0%)) scale(var(--scale,1));transform-origin:70% 50%;will-change:transform}.motion-title{position:absolute;left:26px;top:28px;font:800 clamp(25px,3.4vw,43px)/1.08 'Manrope',Arial;color:#f4f2ed;letter-spacing:-1.5px;max-width:60%}.motion-title span{color:#f1a17c}.motion-badge{position:absolute;bottom:18px;left:26px;font:9px 'IBM Plex Mono',monospace;color:#aeb2bc}.motion-control{padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;font-size:12px}.motion-control div p{font-size:11px;color:var(--muted);margin:3px 0}.motion-control label{display:flex;justify-content:space-between;grid-column:1/-1;font-size:11px;color:var(--muted);order:1}.motion-control input{width:100%;grid-column:1/-1;accent-color:var(--accent);order:2;cursor:ew-resize}.motion-control button{padding:11px 14px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--accent);font-size:11px}.motion-control>p{font-size:10px;margin:0;color:var(--muted);grid-column:1/-1;order:3}footer{text-align:center;padding:35px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:10px;padding:20px;max-width:min(96vw,1300px);max-height:94vh;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#000c}.close{display:block;margin:0 0 16px auto;border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:8px 12px;font-size:12px}.lightbox-content .shot-frame{min-width:600px}.lightbox-content{overflow:auto;max-height:78vh}.lightbox-content>p{font-size:12px}.lightbox-content svg{width:100%}
@media(max-width:1100px){.hero{gap:3%;padding-top:50px}h1{font-size:60px}.hero-art{min-height:430px}.two-jobs{margin-inline:5%}.reading{gap:30px;grid-template-columns:175px minmax(0,1fr);padding-inline:5%}.mini-copy h4{font-size:44px}.mini-content{min-height:310px}.mini-site{min-height:430px}}
@media(max-width:760px){html{scroll-padding-top:20px}header{padding:18px 6%}.brand{font-size:15px;gap:9px}.brandicon{width:33px;height:33px}.header-link{display:none}.theme{width:35px;height:35px}.hero{padding:38px 6% 35px;grid-template-columns:1fr;gap:30px}h1{font-size:56px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-foot{font-size:8px}.eyebrow{font-size:9px}.hero-art{min-height:355px}.hero-art>img{inset:20px -20% 0;height:calc(100% - 50px)}.hero-art-top{top:21px;left:22px;right:22px;font-size:22px}.hero-art-bottom{left:22px;right:22px;bottom:20px}.two-jobs{margin:0 6% 35px;grid-template-columns:1fr}.two-jobs>div{padding:26px 0}.two-jobs>div+div{border-left:0;border-top:1px solid var(--line)}.two-jobs h2{font-size:27px}.reading{display:block;padding:0 6% 45px}.contents{position:static;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:28px}.contents>p{width:100%;margin:0 0 6px}.contents a{font-size:10px;padding:8px;gap:5px;background:var(--panel)}.contents a span{width:auto;font-size:9px}.contents .download{margin:8px 0 0;padding:8px;border:0}.start-note{padding:20px;font-size:12px;gap:12px}.start-symbol{font-size:24px}.chapter{padding-top:55px}.chapter h2{font-size:30px;letter-spacing:-1px}.chapter h3{font-size:19px}.chapter>p,.action{font-size:14px}.result{font-size:13px}.note{font-size:12px;padding:15px 17px}.prompt summary{font-size:13px;padding:15px}.prompt summary span{font-size:8px;max-width:50px;white-space:normal}.prompt pre{font-size:12px;padding:0 15px 15px}.prompt-top{padding:10px 12px;font-size:9px}.prompt-top button{font-size:10px}.lab-top{font-size:8px;padding:12px}.choices{padding:8px;gap:5px}.choices button{font-size:9px;padding:10px 4px}.mini-site{padding:21px;min-height:560px}.mini-nav{font-size:7px}.mini-nav b{font-size:23px}.mini-content{display:block;min-height:452px;padding-top:28px}.mini-copy h4{font-size:43px;margin:14px 0}.mini-copy p{font-size:10px;max-width:240px}.mini-content>img{top:190px;height:340px;width:150%;right:-10%;object-position:70%;mask-image:linear-gradient(transparent,#000 25%,#000 82%,transparent)}.mini-bottom{font-size:7px}.raw .mini-content{min-height:450px;padding:0}.type .mini-content{padding-top:25px}.type .mini-content>img{margin:20px 0 0;width:100%;height:170px;top:0;right:0}.design-caption{min-height:145px;padding:18px;font-size:11px}.design-caption p{font-size:11px}.pipeline{padding:20px;grid-template-columns:1fr;gap:10px}.pipeline b{font-size:19px}.pipeline>div>span{font-size:8px}.pipeline p{font-size:11px}.pipe-arrow{transform:rotate(90deg);font-size:22px;line-height:1.2}.motion-map{grid-template-columns:1fr}.motion-map>a{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:17px}.motion-map>a+a{border-left:0;border-top:1px solid var(--line)}.route-number{grid-row:1/4;margin:0;font-size:18px}.motion-map p{margin:4px 0;font-size:11px}.motion-map small{grid-column:2}.motion-image{aspect-ratio:1.3}.motion-image img{width:145%;max-width:none;position:relative;left:-27%}.motion-title{left:19px;top:22px;font-size:28px}.motion-badge{left:19px;font-size:7px}.motion-control{display:flex;flex-direction:column;align-items:stretch;padding:19px;gap:12px}.motion-control button{order:3}.motion-control>p{order:4}.zoom{padding:5px}.zoom-label{font-size:9px;padding:4px}.extra{padding:0 16px}.next{font-size:11px}.shot figcaption{font-size:10px}dialog{padding:12px;width:96vw}}
@media(max-width:360px){h1{font-size:49px}.brand{font-size:13px}.hero-art-top small{font-size:7px}.choices button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{header,.contents,.choices,.next,.prompt-top button,.primary,.hero-art,dialog,.motion-control{display:none}body{background:#fff;color:#111}.reading{display:block;max-width:none}.hero{display:block}.chapter{break-before:page}.shot{break-inside:avoid}}
@media(max-width:760px){.mini-site.photo{min-height:650px}.photo .mini-content{min-height:542px}.photo .mini-content>img{top:280px}.motion-title{padding-right:10px;text-shadow:0 2px 24px #101216}}
/* Explanatory diagrams: real text, adaptive layout, shared school palette. */
.schema{margin:30px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.schema-heading{padding:22px 24px 0}.schema-heading>span{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--accent)}.schema-heading h4{font-size:20px;line-height:1.35;letter-spacing:-.5px;margin:8px 0 20px}.schema figcaption{border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted);padding:16px 24px;background:var(--bg)}.schema-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:7px;padding:4px 24px 24px;align-items:stretch}.schema-box{padding:18px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.schema-num{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:.5px;color:var(--accent);margin-bottom:15px}.schema-box>.schema-num{font-size:22px;margin-bottom:20px}.schema-box b{font-size:14px;display:block;line-height:1.4}.schema-box p{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0 0}.schema-arrow{align-self:center;text-align:center;color:var(--accent);font-size:22px}.schema-bottom{padding:0 24px 22px;font-size:11px;color:var(--muted);line-height:1.8}.schema-bottom>span{color:var(--accent);font-family:'IBM Plex Mono',monospace;margin-right:10px}.site-map{padding:0 24px 25px}.map-home{max-width:300px;margin:0 auto;padding:18px 20px;border:1px solid var(--accent);border-radius:8px;background:var(--bg);text-align:center;position:relative}.map-home:after{content:'';height:25px;position:absolute;bottom:-26px;left:50%;border-left:1px solid var(--accent)}.site-map b{display:block;font-size:15px}.site-map code{font:11px 'IBM Plex Mono',monospace;color:var(--accent)}.site-map p{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}.map-home .schema-num{margin-bottom:6px;font-size:8px}.map-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px;position:relative}.map-branches:before{content:'';height:1px;background:var(--accent);position:absolute;top:-25px;left:16.66%;right:16.66%}.map-branches>div{border:1px solid var(--line);border-radius:7px;padding:17px 13px;background:var(--bg);position:relative}.map-branches>div:before{content:'';height:24px;border-left:1px solid var(--accent);position:absolute;left:50%;top:-25px}.map-child{display:block;border-top:1px solid var(--line);font-size:10px;color:var(--accent);margin-top:14px;padding-top:10px}.map-branches>.map-later{border-style:dashed}.wireframe{display:grid;grid-template-columns:1.15fr 1fr;gap:27px;padding:0 24px 24px}.wire-browser{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.wire-bar{display:flex;gap:4px;padding:12px;border-bottom:1px solid var(--line);align-items:center}.wire-bar i{height:5px;width:5px;background:var(--muted);border-radius:100%}.wire-bar>span{font:8px 'IBM Plex Mono',monospace;color:var(--muted);margin-left:8px}.wire-hero{padding:20px;position:relative;min-height:190px;border-bottom:1px solid var(--line)}.wire-hero>span{font:7px 'IBM Plex Mono',monospace;color:var(--accent)}.wire-hero>b{display:block;font-size:20px;max-width:150px;line-height:1.15;margin:12px 0}.wire-lines{width:44%;height:18px;border-block:3px solid var(--line);margin-bottom:15px}.wire-hero>em{font-size:8px;font-style:normal;background:var(--accent);color:var(--bg);padding:7px 9px;border-radius:3px}.wire-product{position:absolute;right:15px;top:60px;width:65px;height:85px;border:1px solid var(--accent);border-radius:32px;display:grid;place-items:center;color:var(--accent);font-size:40px;background:var(--panel);transform:rotate(-12deg)}.wire-row{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:15px}.wire-row:last-child{border:0}.wire-row span{color:var(--accent);font:10px 'IBM Plex Mono',monospace}.wire-row b{font-size:10px}.wire-notes{list-style:none;counter-reset:wire;padding:0;margin:0;display:grid;gap:20px;align-content:center}.wire-notes li{counter-increment:wire;position:relative;padding-left:31px;font-size:12px}.wire-notes li:before{content:counter(wire,decimal-leading-zero);position:absolute;left:0;top:3px;font:10px 'IBM Plex Mono',monospace;color:var(--accent)}.wire-notes b{display:block;font-size:12px;line-height:1.5}.wire-notes span{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:4px}.brief-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 22px}.brief-pair>div{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:20px}.file-icon{display:grid;place-items:center;width:35px;height:42px;border:1px solid var(--accent);border-radius:3px 10px 3px 3px;color:var(--accent);font-size:22px;margin-bottom:20px}.brief-pair .schema-num{font-size:8px;margin-bottom:8px}.brief-pair b{font-size:15px;display:block}.brief-pair ul{padding-left:16px;color:var(--muted);font-size:11px;line-height:2;margin-bottom:0}.extra>.schema{margin-inline:0}#motion>summary{font-size:16px;color:var(--accent);padding-block:23px}#motion{margin-top:35px}
@media(max-width:760px){.schema-heading{padding:20px 18px 0}.schema-heading h4{font-size:18px}.schema-heading>span{font-size:8px}.schema-flow{grid-template-columns:1fr;padding:0 18px 20px;gap:9px}.schema-box{display:grid;grid-template-columns:32px 1fr;column-gap:12px;padding:16px}.schema-box .schema-num{grid-row:1/3;margin:0;font-size:21px}.schema-box p{margin-top:4px;font-size:11px}.schema-box b{font-size:14px}.schema-arrow{transform:rotate(90deg);line-height:1}.schema figcaption{padding:14px 18px;font-size:10px}.schema-bottom{padding:0 18px 20px;font-size:10px}.site-map{padding:0 18px 20px}.map-branches{grid-template-columns:1fr;gap:13px;margin:25px 0 0 20px;border-left:1px solid var(--accent);padding-left:20px}.map-branches:before{display:none}.map-branches>div:before{width:19px;height:0;border:0;border-top:1px solid var(--accent);left:-21px;top:25px}.map-home:after{display:none}.map-home{max-width:none;text-align:left}.map-branches>div{padding:14px 15px}.map-child{margin-top:10px;padding-top:7px}.wireframe{grid-template-columns:1fr;padding:0 18px 20px;gap:24px}.wire-hero>b{max-width:160px;font-size:23px}.wire-notes{gap:15px}.wire-product{right:22px}.brief-pair{grid-template-columns:1fr;padding:0 18px 20px;gap:13px}.brief-pair>div{padding:18px}.brief-pair .schema-num{font-size:8px}.file-icon{float:right;margin:0 0 10px 10px}#motion>summary{font-size:14px}}

/* v8: visible outcomes between actions */
.expect{margin:20px 0 30px;padding:18px 22px;border-left:3px solid var(--accent,#f1a17c);background:rgba(241,161,124,.065);border-radius:0 12px 12px 0}.expect>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#f1a17c)}.expect p{margin:8px 0 0}.expect p:last-child{margin-bottom:0}

.zoom-hint{display:none}@media(max-width:600px){.zoom-hint{display:block;font-size:12px;line-height:1.5;max-width:30em;margin:10px 0 16px}.lightbox-content .shot-frame{min-width:960px}}