/* Quiet technical-workbook presentation. Geometry lives in responsive.css. */
:root{--panel:#181c22;--raised:#202730;--line:#303842;--text:#e7ecf2;--muted:#b0b8c4;--faint:#9098a5;--accent:#9fc5e8;font-family:"Avenir Next","Segoe UI",sans-serif}
::selection{background:#30485e;color:#fff}
.topbar{backdrop-filter:none;background:#101113}.brand{font-size:18px;font-weight:600;letter-spacing:-.4px}.brand-mark{background:#202f3e;color:#c1d8ed;border:1px solid #395065}.brand-divider{color:#697584}.sidebar-label,.toc-label{letter-spacing:.1px;font-family:inherit;font-size:12px}.sidebar-label{color:#aab4c1}.sidebar-footer{font-size:12px}.chapter-link{border-radius:5px}.chapter-link.active{background:#24313e;color:#d8e8f7;box-shadow:inset 2px 0 #9fc5e8}.nav-home{border-radius:5px}.status-dot{background:#a2b6cb}
.hero h1{font-size:clamp(34px,3.4vw,50px);font-weight:600;letter-spacing:-1.2px}.eyebrow{font-family:inherit;font-size:13px;line-height:1.6;letter-spacing:0;color:#aebbc9;text-transform:none}.hero .eyebrow{display:none}.metric strong{font-weight:550;font-size:22px}.metric span{color:var(--muted)}.chapter-card{background:#151a20;border-color:#303842;border-radius:8px;box-shadow:none}.chapter-card h3{font-weight:600}.chapter-card:hover{transform:none;border-color:#71889f}.tag{background:#202730;color:#bac8d5;border-color:#35414e}.number{color:#aebbc9}.primary-button{background:#aac8e2;color:#101820;border-color:#aac8e2}.learning-path{background:transparent;border-color:#303842;border-radius:8px}.learning-path h2{font-size:25px;font-weight:600}.learning-path .studio-kicker{display:none}
.reader-bar{margin-bottom:22px}.lesson-header{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.lesson-header .reader-title{font-size:clamp(28px,2.5vw,38px);line-height:1.25;font-weight:600;letter-spacing:-.8px;margin-block:10px 12px;max-width:32ch}.lesson-header .reader-deck{font-size:16px;line-height:1.75;color:#bec8d3;max-width:76ch;margin-block:0 16px}.lesson-header .reader-meta{font-family:inherit;letter-spacing:0;text-transform:none;color:#aab7c4;font-size:13px;gap:10px 20px;margin-block:16px 20px}.lesson-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.lesson-shortcuts .small-button{min-height:44px;padding:10px 16px;background:#18232e;border:1px solid #3e5265;color:#d0e0ef;border-radius:6px}.lesson-shortcuts button:hover{background:#243545;border-color:#90b1ce}.lesson-shortcuts button:focus-visible{outline:2px solid #9fc5e8;outline-offset:3px}
.article{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:clamp(16px,calc(11px + .45vw),19px);line-height:1.85;color:#cbd3dc}.article>:is(p,ul,ol,blockquote){max-width:100ch}.article h2{font-size:clamp(23px,1.8vw,28px);font-weight:600;letter-spacing:-.5px;line-height:1.4}.article h3{font-size:21px;font-weight:600;color:#dce6ef}.article strong{font-weight:600}.article a{color:#a7cae8;text-decoration-color:#597892}.article blockquote{background:transparent;border-left:2px solid #587086;color:#b6c2cf;padding:4px 18px}.article .lesson-evidence{border:0;border-block:1px solid #303842;border-radius:0;padding:0;background:transparent;margin-block:20px}.lesson-evidence>summary{font-size:13px;color:#b3cadf;padding:12px 0;min-height:44px}.lesson-evidence blockquote{font-size:14px;line-height:1.8;padding:0 0 16px;margin:0;max-width:78ch;border:0;background:transparent}.lesson-evidence blockquote strong{font-weight:550}.article .code-block,.article .table-wrap{max-width:100%}.article>:focus-visible,.learning-studio:focus-visible,.visual-atlas:focus-visible{outline:2px solid #9fc5e8;outline-offset:5px}.toc a{color:#aebbc9}.toc a.active{color:#c2ddf4}.toc-mobile{background:#151a20;border-color:#35414e}.toc-mobile summary{color:#bdd4e8}
.learning-studio{background:#161d24;border-color:#35414e;border-radius:8px}.studio-intro{padding:24px 28px}.studio-intro h2{font-size:clamp(24px,2vw,30px);font-weight:600;letter-spacing:-.6px}.studio-intro .studio-kicker{display:none}.studio-intro p{font-size:15px;line-height:1.8;color:#b6c3cf}.studio-badge{display:none}.studio-tabs button{background:#141b22;min-height:56px}.studio-tabs button[aria-selected=true]{background:#24313e;color:#d7e7f5;box-shadow:inset 0 -2px #9fc5e8}.flow-node{background:#1a242e;border-color:#43586b}.flow-node.is-current{border-color:#9fc5e8;box-shadow:inset 0 0 0 1px #9fc5e833;background:#243545}.flow-node strong,.step-explanation h3,.map-root,.map-intro h3,.dictionary-entry h4{color:#d5e5f3}.step-explanation{background:#151c23;border-color:#35414e}.step-number{color:#a3c4df}.flow-track:before{background:#4c6378}.studio-note{background:transparent}.studio-kicker{letter-spacing:.5px;font-size:10px}.recall-list details{background:#141b22;border-color:#35414e}.learn-term{border-color:#47596b;color:#c1d5e7}.inline-term{color:inherit;border-color:#758b9f}.inline-term:hover{background:#30485e55}
.visual-atlas{background:#161d24;border-color:#35414e;border-radius:8px}.visual-heading{padding:24px 28px}.visual-heading h2{font-size:clamp(24px,2vw,30px);font-weight:600;letter-spacing:-.6px}.visual-heading .studio-kicker{display:none}.visual-count{font-family:inherit;letter-spacing:0;font-size:12px;color:#aabed0}.visual-tabs{background:#141b22;border-color:#35414e}.visual-tabs button{border-color:#35414e}.visual-tabs button[aria-selected=true]{background:#24313e;box-shadow:inset 0 -2px #9fc5e8}.visual-tabs button>span{letter-spacing:0;font-family:inherit;font-size:11px}.visual-description h3{font-size:23px;font-weight:600}.visual-walkthrough li{background:#141b22;border-color:#35414e}.visual-pitfall{background:transparent;border-color:#98a9ba}.visual-pitfall .studio-kicker{color:#b9cad9}.visual-references{border-color:#35414e}.diagram{border-color:#3e4d5c}.diagram-actions button:hover{color:#cee3f6;border-color:#89aac8}
@media(max-width:760px){.lesson-header .reader-title{font-size:30px}.lesson-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-shortcuts>:first-child{grid-column:1 / -1}.lesson-shortcuts .small-button{font-size:12px;padding:10px 8px}.studio-intro,.visual-heading{padding:22px 20px}.lesson-header{padding-bottom:20px}.article{font-size:16px}.visual-count{display:none}}
@media(prefers-reduced-motion:reduce){.lesson-shortcuts *{transition:none}}