/* UI19 — paper editorial grid + a single engineering-window grammar. */
:root{--paper:#f3f1e9;--ink:#171717;--muted:#66635f;--accent:#843f35;--page:min(1160px,calc(100% - 96px));--window:#e4ebee;--window-line:#9ca9ae}body:before{opacity:.025}.integration-nav{padding:19px max(48px,calc((100vw - 1160px)/2));font-size:12px}.hero{margin-top:32px}.hero-meta{font-size:12px}.logo-svg{margin:32px 0 42px}.hero-grid{grid-template-columns:1.35fr 1fr;gap:8vw}.hero-grid h1{font-size:clamp(2.3rem,4.3vw,3.8rem);max-width:15ch}.hero-grid .lead{font-size:17px;max-width:36em}.hero-grid dl>div{grid-template-columns:80px 1fr;gap:16px;padding:16px 0}.hero-grid dd{font-size:14px;line-height:1.75}.hero-rule{margin-top:28px;font-size:12px}.chapter-nav{justify-content:flex-start;padding:15px max(48px,calc((100vw - 1160px)/2));gap:28px;background:#f3f1e9fa;font-size:12px;flex-wrap:nowrap;overflow-x:auto}.chapter-nav a{white-space:nowrap}.section{padding:76px 0}.section-label{margin-bottom:32px;font-size:12px}.section-label>span{letter-spacing:.08em}.section-label p{max-width:48ch}.reading-grid{grid-template-columns:4fr 6fr;gap:7vw}.reading-grid h2{font-size:clamp(2rem,3.5vw,3rem);max-width:14ch}.prose{font-size:16px;line-height:1.85;max-width:44em}.prose p{margin-bottom:22px}html[lang=en] .prose{line-height:1.75}.caption{font-size:12px}.product{padding-top:42px}.product-wide{padding:0;background:none;overflow:visible}.product-screen{aspect-ratio:1.95;transform:none;border:0}.product.in-view .product-screen{transform:none}.product-overlay{font-size:12px;border-radius:0;background:#f0f6fb;border-color:#9eb9cd}.contrast{gap:48px;margin:40px 0 24px 32%;grid-template-columns:1fr 1fr}.contrast h3{font-size:22px}.contrast p,.discipline-grid p,.responsibilities p{font-size:15px;line-height:1.75}.source{padding-top:16px;margin-top:26px}.source>summary{font-size:13px}.source>div{max-width:100%;font-size:16px;overflow:visible}.source>div>.page{max-width:100%}.source p{max-width:50em}.source table{display:block;overflow-x:auto;min-width:0;font-size:14px}.source td,.source th{min-width:125px}.source .pagehead h1{font-size:30px}.discipline-grid{grid-template-columns:1.1fr 1fr;gap:32px;margin-top:36px}.discipline-grid img{border:0;padding:18px;height:310px;background:#f8f8f4}.discipline-grid figcaption{padding:20px 0 0}.discipline-grid h3{font-size:22px}.sandbox{grid-template-columns:24% 1fr;gap:6%;margin-top:28px;padding-top:20px}.sandbox p{font-size:15px;line-height:1.8}.takeaway{font-size:17px;line-height:1.8;max-width:100%}.walkthrough{width:100%;padding:65px max(48px,calc((100vw - 1160px)/2)) 70px;background:#20201e}.case-question{font-size:clamp(2.5rem,5.8vw,4.8rem);max-width:900px}.materials{gap:30px}.materials h3{font-size:23px}.materials p{font-size:15px;line-height:1.75}.case-insight{margin:40px 0 35px;max-width:900px}.case-insight h3{font-size:clamp(1.8rem,3vw,2.6rem)}.case-insight p{font-size:16px}.method-tabs{gap:25px}.method-tabs button{font-size:14px}.method-panel{gap:6vw;min-height:240px}.method-panel p{font-size:16px}.method-panel h3{font-size:27px}.strategy p{font-size:17px;max-width:62ch}.route-figure{padding:0;border:0;background:transparent;margin:36px 0 0}.route-figure img{height:480px;background:#f7f8f5;padding:24px}.route-figure figcaption{font-size:12px;line-height:1.7}.responsibilities{grid-template-columns:1fr;gap:0;margin-left:32%;margin-top:32px}.responsibilities article{display:grid;grid-template-columns:94px 170px 1fr;gap:20px;padding:20px 0;border-top:1px solid #999}.responsibilities span{font-size:12px;padding-top:4px}.responsibilities h3{font:20px/1.4 var(--short);margin:0}.responsibilities p{margin:0}.engineering{margin:30px 0 0 32%}.engineering>button{font-size:14px}.eval-row{grid-template-columns:40px 100px 1fr 1.45fr;gap:22px}.eval-row>p{font-size:15px;line-height:1.8}.eval-row>strong{font-size:23px}.iteration-record{grid-template-columns:4fr 6fr;gap:7vw}.iteration-record h3{font-size:28px}.iteration-record p{font-size:16px;line-height:1.8}.iteration-record small{font-size:12px;line-height:1.8}.next .prose{font-size:16px}.next>span{font-size:12px}footer{max-width:1256px;padding:32px 48px;margin:auto;font-size:12px}
.reader19-window{border:1px solid var(--window-line);background:#f7f8f5;min-width:0;overflow:hidden}.reader19-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;border-bottom:1px solid var(--window-line);background:var(--window);font:11px/1.4 var(--read);letter-spacing:.03em;color:#4b5e66}.reader19-bar>span{display:flex;gap:9px;align-items:center}.reader19-bar i{display:inline-block;width:7px;height:7px;background:#667a82;box-shadow:11px 0 #b3c2c8;margin-right:12px}.reader19-bar button{padding:2px 0;font:inherit;border-bottom:1px solid #70838b;white-space:nowrap}.reader19-window>a{display:block}.reader19-window .product-screen{border:0}.reader19-window img{object-fit:contain;image-rendering:auto}.reader19-source{display:block;width:100%;text-align:left;border:1px solid #9ca9ae;padding:17px 20px;background:#e4ebee;color:#334b56;font:13px/1.6 var(--read)}.reader19-source small{display:block;color:#607782}.reader19-modal{width:min(1320px,96vw);max-width:96vw;height:90vh;max-height:90vh;padding:0;border:1px solid #8f9da4;background:#f5f7f8;color:#202b30;overflow:hidden}.reader19-modal::backdrop{background:#151c24bb}.reader19-modal .reader19-bar{height:48px;padding:10px 18px;font-size:12px}.reader19-actions{display:flex;align-items:center;gap:20px}.reader19-actions button{font-size:12px}.reader19-viewport{height:calc(100% - 48px);overflow:auto;padding:26px;background:#f7f8f5}.reader19-viewport>img{width:100%;height:100%;object-fit:contain;margin:auto}.reader19-viewport[data-zoom=true]>img{width:160%;height:auto;max-width:none;object-fit:contain}.reader19-viewport iframe{width:100%;height:100%;border:0;background:#f0f6fb;display:block}.reader19-viewport[data-kind=frame]{padding:0}.reader19-viewport[data-kind=code]{background:#1b2228;color:#d5e3eb;padding:0}.reader19-viewport pre{white-space:pre;overflow-wrap:normal;min-width:max-content;padding:28px;font:14px/1.8 CaseMono,monospace}.reader19-viewport .reader19-code-caption{color:#b1c6d0;max-width:64em;font:12px/1.8 var(--read);padding:0 28px 28px}.reader19-caret{animation:blink 1s steps(1) infinite}.reader19-coverage{font:12px/1.7 var(--read);color:#666;padding:20px 0;border-top:1px solid #b4b0a7;margin-top:20px}.reader19-producthint{display:none}.reader19-modal[open]{animation:reader19-in .4s cubic-bezier(.22,1,.36,1)}@keyframes reader19-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){:root{--page:calc(100% - 40px)}.integration-nav{padding:16px 20px}.hero-grid,.reading-grid{grid-template-columns:1fr;gap:25px}.hero-grid h1{max-width:none}.hero-grid dl{display:block}.hero-grid dl>div{grid-template-columns:80px 1fr}.hero-grid dd{font-size:14px}.chapter-nav{padding:13px 20px;gap:22px}.section{padding:48px 0}.section-label{gap:16px;font-size:11px}.section-label p{font-size:11px;max-width:62%}.product-screen{aspect-ratio:1.4}.reading-grid h2{max-width:22ch}.contrast{margin:28px 0;gap:22px}.contrast h3{font-size:20px}.contrast p{font-size:15px}.discipline-grid{grid-template-columns:1fr;gap:30px}.discipline-grid img{height:280px}.sandbox{grid-template-columns:1fr;gap:10px}.walkthrough{padding:45px 20px}.materials{grid-template-columns:1fr;gap:15px}.materials article{display:grid;grid-template-columns:95px 1fr;gap:10px 15px}.materials h3{margin:0;font-size:20px}.materials p{grid-column:2}.method-panel{grid-template-columns:1fr;gap:20px;min-height:0;padding-bottom:24px}.method-tabs{gap:16px}.method-tabs button{font-size:13px}.route-figure img{height:310px;padding:12px}.responsibilities,.engineering{margin-left:0}.responsibilities article{grid-template-columns:75px 1fr;gap:10px}.responsibilities p{grid-column:2}.eval-row{grid-template-columns:24px 70px 1fr;gap:12px}.eval-row>p{grid-column:2/-1}.eval-row>strong{font-size:20px}.iteration-record{grid-template-columns:1fr;gap:10px}.iteration-record h3{margin:10px 0 14px}.reader19-bar{font-size:10px;gap:8px;padding:9px 10px}.reader19-modal{width:96vw;height:88vh}.reader19-viewport{padding:10px}.reader19-modal .reader19-bar{font-size:10px;padding:10px}.reader19-actions{gap:14px}.reader19-actions button{font-size:11px}.reader19-viewport pre{font-size:12px;padding:16px}footer{padding:25px 20px}.prose{line-height:1.85;font-size:16px}}
@media(prefers-reduced-motion:reduce){.reader19-modal[open]{animation:none}.reader19-caret{animation:none}.product-screen{transform:none;transition:none}}
/* Approved bilingual primitives: mechanical hierarchy, pixel only for short labels. */
html[lang=en] :is(h1,h2,.case-question,.case-insight h3,.materials h3,.method-panel h3,.iteration-record h3,.eval-row>strong){font-family:CaseMono,monospace;letter-spacing:-.045em;font-weight:500}html[lang=en] .hero-grid h1{max-width:18ch}html[lang=en] .reading-grid h2{max-width:20ch}.reader19-bar b{font-weight:500}