.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.audience-card{display:block;border:1px solid var(--line);border-radius:12px;padding:25px;background:var(--surface)}.audience-card:first-child{border-color:var(--teal)}.audience-card h3{font-size:1.4rem}.audience-card p{color:var(--muted);font-size:.9rem}.audience-card small{color:var(--teal)}.audience-card .eyebrow{font-size:.65rem;letter-spacing:.09em}.audience-card:hover{border-color:var(--teal)}.safety-actions,.help-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:24px 0}.safety-intro>p{max-width:760px}.help-now{padding:28px;border:1px solid var(--teal);border-radius:12px;background:var(--surface)}.help-now h2{font-size:1.65rem}.help-now p{max-width:850px;color:var(--muted)}.help-links{gap:10px;margin-bottom:0}.help-links a{border:1px solid var(--line);padding:10px 14px;border-radius:7px;font-size:.9rem}.safety-groups>details{border:1px solid var(--line);border-radius:10px;margin-bottom:14px;background:var(--surface)}.safety-groups>details>summary{padding:21px 24px;font-family:var(--display);font-size:1.25rem;cursor:pointer}.safety-groups summary small{float:right;color:var(--muted);font-family:var(--font);font-size:.8rem}.safety-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0 24px 16px}.safety-links>a{display:grid;gap:8px;padding:20px 0;border-top:1px solid var(--line)}.safety-links span{font-size:.88rem;color:var(--muted)}.safety-links small{color:var(--teal)}.decision-grid,.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.decision-card{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--surface)}.decision-card h3{font-size:1.15rem;line-height:1.4}.decision-options{flex-direction:column;gap:10px}.decision-options button{border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:12px;text-align:left;line-height:1.5}.decision-options button[aria-pressed=true]{border-color:var(--teal)}.decision-card [role=status]{margin-top:20px;padding-left:15px;border-left:3px solid var(--teal);font-size:.9rem}.decision-card details{margin-top:18px;font-size:.85rem}.sample-card{max-width:430px;margin:24px 0;padding:24px;border:1px solid var(--teal);border-radius:16px;background:var(--surface);display:grid;gap:18px}.sample-card span{font-size:.65rem;letter-spacing:.09em;color:var(--muted)}.sample-card strong{font-size:1.3rem}.sample-card b{font-family:monospace;font-size:1.4rem}.field-grid details{padding:16px;border:1px solid var(--line);border-radius:8px}.field-grid summary{font-weight:600;cursor:pointer}.field-grid p{font-size:.9rem;margin:14px 0 0}.card-field-guide>.notice{margin-top:20px}.everyday-takeaway,.prerequisite-box{border-left:3px solid var(--teal);padding:20px 24px;background:var(--surface);margin:25px 0}.everyday-takeaway h2,.prerequisite-box h2{font-size:1.25rem}.prerequisite-box a{display:inline-block;color:var(--teal);font-size:.9rem;margin:0 18px 8px 0}.everyday-takeaway a{color:var(--teal);font-size:.85rem}.path-context{margin:24px 0}.path-context a{color:var(--teal);margin-right:18px}.path-project{padding:28px;border:1px solid var(--line);border-radius:12px;margin:30px 0}.path-project h2{font-size:1.5rem}.path-project li{margin:10px 0}
@media(max-width:1050px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.audience-grid,.safety-links,.decision-grid,.field-grid{grid-template-columns:minmax(0,1fr)}.audience-card{padding:22px}.help-now{padding:22px}.safety-groups>details>summary{padding:18px;font-size:1.1rem}.safety-groups summary small{float:none;display:block;margin-top:5px}.safety-links{padding-inline:18px}.help-links a{width:100%}.safety-actions .primary{white-space:normal}.sample-card b{font-size:1.1rem}.safety-intro h1{overflow-wrap:anywhere}}
.text-link{white-space:normal}.audience-card,.decision-card,.path-context{overflow-wrap:anywhere}
@media(max-width:1200px){.js .menu{display:grid;margin-left:auto}.js .main-nav{display:none;position:absolute;top:82px;left:0;right:0;margin:0;padding:20px;background:var(--surface);border-bottom:1px solid var(--line);align-items:stretch}.js .main-nav.open{display:flex;flex-direction:column;gap:0}.js .main-nav a{padding:12px}.js .main-nav .external{display:block}}
@media(max-width:760px){.js .main-nav{top:70px}}
@media(min-width:1400px){.lesson-content{max-width:1040px}.lesson-layout{grid-template-columns:190px minmax(0,1040px);gap:40px}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.wrap,.page-intro,.lesson-layout,.lesson-content{min-width:0;max-width:100%}.page-intro h1,.page-intro p,.breadcrumbs>*{min-width:0;overflow-wrap:anywhere}.breadcrumbs{max-width:100%;overflow:hidden}.sample-card{width:100%;max-width:100%}.meta>span{max-width:100%;overflow-wrap:anywhere}}

/* Reading edition: paper, ink, and a deliberate chapter hierarchy. */
:root{--bg:#201f1b;--surface:#292821;--surface2:#323128;--ink:#f1e9d9;--muted:#c5baa7;--line:#585244;--teal:#a9c4aa;--orange:#dfb680;--accentbg:#354036;--danger:#efa693;--display:Georgia,'Times New Roman',serif}
:root[data-theme=light]{--bg:#f5f0e5;--surface:#fffaf0;--surface2:#eee7d8;--ink:#292b24;--muted:#605d50;--line:#c9c0ad;--teal:#355b46;--orange:#895331;--accentbg:#e5ecdf;--danger:#9b392c}
body{line-height:1.75}
h1,h2,h3,h4{letter-spacing:-.025em;font-weight:500;line-height:1.2;text-wrap:pretty}
.page-intro h1{font-size:clamp(2rem,4vw,3.4rem)}
.hero h1{font-size:clamp(2.5rem,4.8vw,4.4rem)}
.brand{font-family:Inter,system-ui,sans-serif;font-size:1.1rem}
.brand span{color:var(--teal)}
.eyebrow{letter-spacing:.1em;font-size:.68rem}
.header{border-bottom:3px double var(--line)}
.head-inner{min-height:72px;gap:22px}
.main-nav{gap:22px;font-size:.84rem}
.card,.audience-card,.collection-item,.framework-banner,.help-now,.decision-card,.experiment,.sample-card,.quiz,.visual,.hero-lab,.path-project{border-radius:3px;box-shadow:none}
.card:hover{transform:none;background:var(--surface2)}
.card-art{background:var(--surface2)}
.pill,.scene-index a{border-radius:3px}
.prose{max-width:70ch;font-size:1.04rem}
.prose p{margin-bottom:1.3em}
.lesson-aside{font-size:.81rem;top:94px}
.lesson-content section{scroll-margin-top:90px}
.library-intro{padding-block:40px 20px;max-width:800px}
.chapter-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:12px 0 65px;border-block:3px double var(--line);padding:26px 0}
.chapter-index section{min-width:0}
.chapter-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:9px}
.chapter-index h2{font-size:1.5rem;margin-bottom:10px}
.chapter-index p{font-size:.85rem;color:var(--muted);line-height:1.55;min-height:3.2em}
.chapter-index ol{padding-left:23px;margin:0}
.chapter-index li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.chapter-index li::marker{color:var(--teal);font-family:Georgia,serif}
.chapter-index a{display:block;padding-left:5px;line-height:1.5}
.chapter-index small{display:block;font-size:.7rem;color:var(--muted)}
.motion-board{max-width:1060px;margin-bottom:64px}
.motion-board>.section-head h2{font-size:1.8rem}
.back-to-chapters{font-size:.8rem;text-decoration:underline;text-underline-offset:4px;color:var(--teal)}
.system-scene{display:grid;grid-template-columns:minmax(0,1fr) 280px;border-radius:3px;overflow:clip;container-type:normal;background:var(--surface)}
.system-heading,.system-choices,.system-player,.system-roadmap,.system-details,.system-note{grid-column:1/-1}
.system-heading{padding:20px 22px 8px}
.system-heading h3{font-size:1.55rem}
.system-choices{padding:0 22px 14px}
.system-choices button{border-radius:3px;background:transparent;color:var(--ink)}
.system-choices button[aria-pressed=true]{border-color:var(--teal);box-shadow:inset 0 -2px var(--teal)}
.system-player{position:static;backdrop-filter:none;background:var(--surface2);padding:10px 16px;gap:8px}
.system-player button,.system-player select{border-radius:3px;min-height:42px}
.system-player .system-seek{flex:1 1 160px;min-width:160px}
.system-roadmap{margin:0;padding:10px 22px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.system-stage,.system-compact .system-stage{min-width:0;display:grid;align-items:center;background:var(--surface);background-image:none;border:0;padding:14px 10px 40px}
.system-svg.system-desktop,.system-compact .system-svg.system-desktop{height:auto;min-height:0;max-height:none;width:100%}
.system-svg .component-label{font-size:14px;font-weight:600}
.component-box{fill:var(--bg);stroke:var(--teal)}
.system-wires{color:var(--muted)}
.system-wires>path{stroke:var(--muted)}
.packet-halo{opacity:.1}
.system-caption,.system-compact .system-caption{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:24px;border-left:1px solid var(--line);background:var(--bg);min-height:0}
.system-caption strong{font-size:1.4rem;color:var(--ink);line-height:1.25}
.system-caption p{font-size:.94rem;line-height:1.75;margin:0}
.system-caption small{font-size:.65rem;line-height:1.5}
.system-details{margin:0 22px 12px;padding-top:5px}
.system-note{padding:0 22px 15px}
.system-compact{grid-template-columns:minmax(0,1fr)}
.system-compact .system-caption{border-left:0;border-top:1px solid var(--line)}
@media(max-width:1100px){.system-scene{grid-template-columns:minmax(0,1fr)}.system-stage{max-width:740px;width:100%;justify-self:center}.system-caption{border-left:0;border-top:1px solid var(--line);padding:18px 22px}.system-caption strong{font-size:1.2rem}.chapter-index{gap:22px}.main-nav{gap:14px}}
@media(max-width:760px){.chapter-index{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:40px}.chapter-index p{min-height:0}.chapter-index li{padding-block:10px}.library-intro{padding-top:25px}.system-heading h3{font-size:1.4rem}.head-inner{min-height:70px}.brand{font-size:1rem;gap:8px}.theme,.menu{flex-shrink:0}.system-player{display:grid!important;grid-template-columns:1fr 1fr;padding:12px;gap:8px}.system-player>button{width:100%;margin:0}.system-player>.system-play{grid-column:1}.system-player>[data-system-action=reset]{grid-column:2;grid-row:1}.system-player>.system-seek{grid-column:1/-1;min-width:0;width:100%;margin:0}.system-player>.system-speed{grid-column:1/-1;margin:0;width:100%;justify-content:space-between}.system-roadmap,.system-compact .system-roadmap{margin:0;padding:12px 16px}.system-stage{padding:8px 0 40px}.system-caption,.system-compact .system-caption{padding:18px}.system-mobile .component-label{font-size:14px}.system-svg.system-desktop,.system-compact .system-svg.system-desktop{display:none}.system-svg.system-mobile{display:block}.prose{font-size:1rem}.system-caption p{font-size:.95rem}.system-details summary{line-height:1.5}}
@media(min-width:1101px){.system-compact .system-stage{max-width:620px;justify-self:center;width:100%}}
.system-svg .component-label{font-size:15px}
.system-svg .component-state{font-size:11px}
html:not(.js) .system-player{display:none!important}
@media(min-width:601px) and (max-width:800px){.system-svg.system-desktop,.system-compact .system-svg.system-desktop{display:block}.system-svg.system-mobile,.system-compact .system-svg.system-mobile{display:none}}
@media(max-width:1000px){.lesson-layout{display:block}.lesson-aside{display:none}}
.system-wires>path{opacity:.5}.system-wires>path.edge-active{opacity:1}.component-active .component-box{fill:var(--accentbg);stroke-width:2.5}
@media(min-width:1101px) and (max-width:1399px){.lesson-content .system-scene{grid-template-columns:minmax(0,1fr)}.lesson-content .system-stage{max-width:760px;justify-self:center;width:100%}.lesson-content .system-caption{border-left:0;border-top:1px solid var(--line);padding:18px 22px}}