/* Spotlight: paper, ink and projected light. Functional state is also carried
   by words, patterns, borders and numbers, never by hue alone. */
:root{color-scheme:light;--bg:#f3f3ef;--surface:#fafaf7;--surface2:#e6e6e1;--line:#19191935;--text:#171717;--muted:#5b5b57;--red:#242424;--blue:#707070;--green:#373737;--gold:#454545;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
body{background:var(--bg)}.shell{max-width:1400px;padding:25px 48px 36px}button,input,select,textarea,.card,.badge,.tabs,.prediction-prefix,.callout{border-radius:0}button{background:transparent;border-color:#777770;color:#202020;font-size:12px}button:hover{background:#e1e1db;border-color:#202020}button.primary,button[aria-selected=true],button[aria-pressed=true]{background:#202020;border-color:#202020;color:#fafaf7}button:disabled{opacity:.45}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}:focus-visible{outline:2px solid currentColor;outline-offset:4px}input,select,textarea{background:#fdfdfa;border-color:#777770;color:#171717}input[type=range],input[type=checkbox]{accent-color:#222}.small{color:#5b5b57}.eyebrow{color:#4e4e48!important;letter-spacing:.16em;font:10px/1.7 var(--mono)}h2{font:400 clamp(30px,3.8vw,48px)/1.1 var(--serif);letter-spacing:-.045em}h3{letter-spacing:-.025em}p{line-height:1.75}
.masthead{align-items:center;padding:0 0 20px;border-bottom:1px solid #202020;color:#44443f;font-size:9px;letter-spacing:.12em;line-height:1.8}.masthead>span{text-align:right}.wordmark{display:flex;gap:18px;align-items:baseline;text-decoration:none;font:italic 30px/1 var(--serif);color:#1b1b1b;text-transform:none;letter-spacing:-.06em}.wordmark span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em}
.editorial-opening{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:40px;margin:42px 0 0}.opening-copy{padding:24px 0 16px;display:flex;flex-direction:column;align-items:flex-start}.opening-copy .eyebrow{margin-bottom:23px}.opening-copy h1{font:400 clamp(62px,7.7vw,111px)/.93 var(--serif);letter-spacing:-.067em;margin:0 0 25px}.opening-copy h1 em{font-weight:400;letter-spacing:-.075em}.opening-deck{font:21px/1.5 var(--serif);margin:0 0 20px;letter-spacing:-.02em}.opening-intro{max-width:400px;font-size:13px;line-height:1.8;color:#4d4d48}.opening-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:13px 0 30px}.opening-actions button{font-size:11px;padding:12px 16px}.opening-actions button span{padding-left:12px;font-size:17px}.opening-actions a{font:10px/1.7 var(--mono);max-width:125px}.dossier-mark{font:8px/1.6 var(--mono);letter-spacing:.11em;border-top:1px solid #aaa9a2;padding-top:12px;width:100%;margin-top:auto;display:flex;justify-content:space-between;gap:10px;color:#62625c}.dossier-mark>span{letter-spacing:.15em}
.opening-image{margin:0;display:flex;flex-direction:column;min-width:0;position:relative;background:#161616}.opening-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:63% 50%;flex:1;filter:grayscale(1)}.opening-image figcaption,.spectacle-plate figcaption{display:flex;justify-content:space-between;gap:20px;background:#191919;color:#d2d2cb;font:8px/1.7 var(--mono);letter-spacing:.04em;padding:12px 15px}.opening-image figcaption span:last-child,.spectacle-plate figcaption span:last-child{white-space:nowrap;opacity:.7}
.editorial-frame{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;padding:33px 0 27px;border-bottom:1px solid #252525;margin:8px 0 0}.frame-question{font:26px/1.3 var(--serif);letter-spacing:-.025em;max-width:330px}.editorial-frame>div>p{font-size:13px;color:#494945;margin:0 0 10px;max-width:680px}.editorial-frame details{border:0;padding:0;margin:14px 0 0}.editorial-frame summary{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em;min-height:32px}.editorial-frame details p{font-size:12px}.editorial-frame details .small{font-size:10px;line-height:1.8}
.inquiry-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 48px}.inquiry-route button{min-width:0;text-align:left;display:flex;flex-direction:column;align-items:start;border:0;border-bottom:1px solid #a9a9a1;padding:25px 20px 22px 0;gap:10px}.inquiry-route button+button{border-left:1px solid #b7b7b0;padding-left:20px}.inquiry-route .route-index{font:9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#64645d}.inquiry-route strong{font:20px/1.15 var(--serif);letter-spacing:-.02em}.inquiry-route button>span:last-child{font-size:11px;font-weight:400;line-height:1.6;max-width:200px;color:#595953}.inquiry-route button:hover{background:#e4e4dd}
.tabs{padding:0;border:1px solid #242424;gap:0;background:transparent;margin-top:20px}.tabs button{min-height:60px;font:11px/1.5 var(--mono);background:transparent;border-left:1px solid #b3b3aa}.tabs button:first-child{border:0}.tabs button[aria-selected=true]{background:#202020;color:#f4f4ef}.tabs button span{opacity:.7}.shared{padding:23px 0;border-color:#b3b3aa;margin-bottom:35px}.shared label,.shared .small{color:#55554e}.shared p{font-family:var(--serif)}.blank{color:#333;border-color:#333}.section-intro .badge{border-color:#777770;color:#45453f}.section-intro{margin-bottom:25px}.section-intro p{color:#50504b}.section-intro .eyebrow{margin-bottom:12px}.subnav{gap:0;border-bottom:1px solid #88887f;padding-bottom:0}.subnav button{border-bottom:0;border-color:#a3a39a;margin-right:-1px;font:10px/1.5 var(--mono);padding:12px 16px}.subnav button[aria-pressed=true]{border-color:#202020}
.card{background:#fbfbf8;border:1px solid #b4b4ab;padding:25px}.card h3{font-family:var(--serif);font-size:25px;font-weight:400}.callout{background:#e9e9e2;border-left:2px solid #363630;color:#31312c;font-size:12px}.pipeline>div{background:#efefe9;border-color:#a8a8a0;font-size:12px;color:#333}.pipeline span{color:#5c5c56}.pipeline b{color:#65655e}.matrix-box{background:#202020;color:#f1f1e9;border-radius:0}.stats>div{background:#e8e8e0;border-radius:0;border:1px solid #b3b3ab}.stats strong{color:#1f1f1f}.qkv-row{border-color:#aaa}.event{color:#333;border-color:#abab9f}.sequence-grid{background:#efefe8;color:#202020}.sequence-row>span{border-color:#a3a39a}.sequence-row .future{background:repeating-linear-gradient(135deg,#deded5,#deded5 4px,#f1f1e9 4px,#f1f1e9 8px);color:#40403b}.bar-track{background:#d9d9d0}.bar-track i{background:#333}.bar.rest .bar-track i{background:repeating-linear-gradient(135deg,#aaa,#aaa 3px,#deded8 3px,#deded8 6px)}.feedback{color:#333}.next-section{border-color:#9f9f94;padding:25px 0;margin-top:32px;color:#474741}.next-section>span{font:19px/1.5 var(--serif)}
/* The anatomical view stays a dark instrument against the paper page. */
.brain-card{background:#171717;border-color:#171717;color:#f1f1ec}.brain-card .eyebrow,.brain-card .small{color:#bcbcb5!important}.brain-card button,.brain-card select{background:#292929;border-color:#777;color:#efefe8}.brain-card .toolbar label{color:#d4d4cb}.brain-card #brain-status{color:#ccc!important}#brain{filter:grayscale(1)}.brain-label{background:#111e;border-color:#aaa;color:#fff}.brain-card #brain-fallback{background:#2d2d2d;color:white;border-color:#ccc}.moments button{border-color:#88887f;background:#e9e9e2;color:#303030;border-radius:0}.moments button[aria-pressed=true]{background:#202020;border-color:#202020;color:#fafaf7}.moments button span{color:inherit;opacity:.75}.reading{background:#f0f0e9;border-radius:0;border:1px solid #aaa}.reading mark{background:#333;color:white;border-bottom:2px solid #333}.regions .region-number{border-radius:0;border-color:#666}.network-map{background:#fafaf7}.network-map button[aria-pressed=true]{outline-color:#555}.network-map th{color:#333}.network-map button{border-radius:0}.prediction-prefix{background:#eaeae3;border-color:#9c9c92;color:#232323}
/* Stable human-left / machine-right columns use border patterns as well as labels. */
#compare .comparison-human-label,#compare .comparison-machine-label{color:#242424}.human-border,.comparison-table th:first-child{border-top:3px solid #242424}.machine-border,.comparison-table th:last-child{border-top:3px double #777}.comparison-table th+th,.comparison-table td+td{border-left:1px solid #aaa}.comparison-question{color:#66665e}.comparison-table thead{background:#e9e9e1}.comparison-table td{background:#fbfbf8}.comparison-table td:nth-child(2){background:#eeeee7}.comparison-columns .eyebrow{font-size:10px}.comparison-table th{font-size:12px}.comparison-details{padding-top:25px}.comparison-details h3{margin-bottom:25px}
.spectacle-plate{margin:0 0 36px;background:#151515}.spectacle-plate img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:50% 45%;filter:grayscale(1)}.spectacle-plate figcaption{font-size:9px}.social-exercise-intro{border-top:1px solid #88887f;padding-top:24px;margin-top:30px}.social-exercise-intro h3{font:32px/1.15 var(--serif)}.social-preview{border-radius:0;background:#ededE6;border-color:#aaa;color:#333}.social-preview strong,.social-details dt{color:#333}#social-example{border-color:#555}.social-diagram>div{border-radius:0;border-color:#777}.social-diagram b{color:#555}.closing-inquiry{margin-top:35px;padding:34px;background:#eaeae3;border:0;border-top:2px solid #242424}.closing-inquiry h3{font:400 clamp(29px,4vw,45px)/1.13 var(--serif);margin:14px 0 25px}.closing-inquiry>p:not(.eyebrow){max-width:880px}.closing-inquiry textarea{background:#f8f8f3}
/* The Cybersyn adaptation becomes an etched, monochrome instrument panel. */
.control-room{filter:grayscale(1);border-radius:0;border:1px solid #494949;background:#222;color:#ededed;--room-ink:#ededed;--room-muted:#bdbdbd;--room-amber:#ddd;--room-green:#ddd}.control-room h2{font:400 clamp(27px,3.7vw,43px)/1.12 var(--serif);letter-spacing:-.03em}.control-room .eyebrow{color:#cecece!important}.control-room .room-heading{background:#303030}.control-room .room-tag{border-radius:0}.control-room .room-brief{background:#282828}.control-room .primary{background:#e4e4dc;color:#202020;border-color:#eee}.control-room .primary:hover{background:white}.control-room .room-debrief{border-radius:0}.control-room .room-debrief .eyebrow{color:#4b4b4b!important}.room-debrief h3{font:32px/1.15 var(--serif)}.control-room .room-wall{border-radius:10px 10px 0 0}.control-room a{color:inherit}.control-room select,.control-room button{border-radius:0}.control-room .room-model-note{color:#cecece}.control-room .room-model-note,.control-room .room-task,.control-room .room-statusline{background:#222}.control-room .room-meters>div{border-radius:0;background:#101010;border-color:#666}.control-room .room-goal{accent-color:#ddd}.control-room .room-label{color:#ccc}.room-wall .room-label{color:#555}.control-room .room-group{border-radius:3px}.control-room .room-chairs{filter:grayscale(1)}
.sources{border-top:1px solid #222;padding-top:25px;color:#4f4f48}.sources h3{font:24px var(--serif)}.sources a{color:#222}.sources summary{font:11px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em}.sources>.small{letter-spacing:.08em}.sources code{font-size:10px}.sources details>p{max-width:1000px}.skip{background:#222;color:white}#games-frame,#vectors-frame{border:1px solid #a2a29a;filter:grayscale(1)}
@media(min-width:1440px){.opening-copy h1{font-size:116px}.opening-image img{min-height:570px}}
@media(max-width:1050px){.shell{padding:24px}.editorial-opening{gap:28px}.opening-copy h1{font-size:clamp(56px,8.2vw,91px)}.opening-image img{min-height:510px}.opening-copy{padding-top:12px}.opening-deck{font-size:19px}.opening-intro{font-size:12px}.opening-actions{gap:12px}.editorial-frame{gap:30px}.frame-question{font-size:25px}.inquiry-route strong{font-size:19px}.inquiry-route button+button{padding-left:14px}.wordmark span{display:none}.tabs button{font-size:10px}}
@media(max-width:700px){.shell{padding:18px 16px}.masthead{font-size:8px;gap:10px;padding-bottom:15px}.wordmark{font-size:28px}.editorial-opening{grid-template-columns:1fr;margin-top:27px;gap:24px}.opening-copy{padding:0}.opening-copy .eyebrow{font-size:9px;margin-bottom:17px}.opening-copy h1{font-size:clamp(66px,15.4vw,100px);margin-bottom:22px}.opening-deck{font-size:20px}.opening-intro{max-width:440px;font-size:13px}.opening-actions{margin:5px 0 25px}.opening-actions a{max-width:none}.opening-image{min-height:0}.opening-image img{min-height:0;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:65% 55%;max-height:440px}.opening-image figcaption{font-size:7px;gap:10px;padding:10px}.editorial-frame{grid-template-columns:1fr;gap:10px;padding:25px 0}.frame-question{font-size:27px;max-width:none;margin-bottom:9px}.editorial-frame>div>p{font-size:12px}.inquiry-route{grid-template-columns:1fr 1fr;margin-bottom:30px}.inquiry-route button{padding:19px 14px 18px 0}.inquiry-route button+button{padding-left:14px}.inquiry-route button:nth-child(3){border-left:0;padding-left:0}.inquiry-route strong{font-size:20px}.inquiry-route .route-index{font-size:8px}.inquiry-route button>span:last-child{font-size:10px}.tabs button{font-size:10px;min-height:55px}.tabs button:nth-child(3){border-left:0;border-top:1px solid #aaa}.tabs button:nth-child(4){border-top:1px solid #aaa}.shared{margin-bottom:25px}.subnav button{font-size:9px;padding:11px 9px}.card{padding:18px}.card h3{font-size:24px}.section-intro h2{font-size:34px}.section-intro p{font-size:13px}.spectacle-plate img{min-height:220px;object-fit:cover}.spectacle-plate figcaption{font-size:7px;padding:10px;gap:9px}.spectacle-plate{margin-bottom:27px}.closing-inquiry{padding:22px}.closing-inquiry h3{font-size:32px}.dossier-mark{font-size:7px}.control-room .room-heading h2{font-size:32px}.comparison-table th{font-size:11px}.sources .three-cards{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.sequence-row .future{opacity:1;border-style:dashed;color:#595953}
:focus-visible{outline-color:#555}.brain-card :focus-visible{outline-color:#eee}.control-room thead th{color:#ccc}

/* The course introduction is a distinct first page; activities retain their
   direct links and no longer repeat the full opening above every view. */
.tabs{grid-template-columns:.85fr 1fr 1fr 1fr 1.1fr;margin-bottom:0}.tabs button{min-width:0}#intro{padding-top:1px}.week-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:48px 0 32px;border-bottom:1px solid #a8a8a0}.week-intro h2{font-size:clamp(32px,4.1vw,51px);line-height:1.12;margin:12px 0}.week-intro-lead{font:26px/1.4 var(--serif);letter-spacing:-.025em;margin-bottom:18px}.week-intro-copy>p:not(.week-intro-lead){font-size:13px;color:#4e4e48}.week-connection{padding:29px 0;border-bottom:1px solid #a8a8a0}.week-connection h3{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.11em;margin-bottom:20px}.week-thread{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.week-thread li{padding:17px 24px;border:1px solid #aaa9a0;margin-left:-1px}.week-thread li:first-child{margin-left:0}.week-thread li[aria-current=step]{background:#262626;color:#f1f1e9;border-color:#262626}.week-thread span{font:9px/1.6 var(--mono);letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:12px}.week-thread strong{display:block;font:23px/1.2 var(--serif);letter-spacing:-.03em}.week-thread p{font-size:12px;line-height:1.7;margin:13px 0 0;color:#62625b}.week-thread li[aria-current=step] p{color:#d3d3ca}.week-outcomes{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:32px 0}.week-outcomes h3{font:31px/1.2 var(--serif);font-weight:400}.week-outcomes ol{margin:0;padding-left:20px}.week-outcomes li{font-size:14px;line-height:1.75;margin-bottom:9px;padding-left:7px}.week-question{padding:28px 32px;background:#e7e7df;border-left:2px solid #333;margin:0 0 28px}.week-question>p{font:30px/1.35 var(--serif);letter-spacing:-.025em;margin:12px 0 17px}.week-question .small{font-size:11px}.week-question .eyebrow{display:block}#intro .editorial-frame{padding-top:15px}#intro .inquiry-route{margin-bottom:0}#intro .editorial-frame .frame-question{font-size:25px}
@media(max-width:950px){.week-intro,.week-outcomes{gap:28px}.week-thread li{padding:17px}.week-thread strong{font-size:21px}.tabs button{padding-left:10px;padding-right:10px;gap:7px}}
@media(max-width:700px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.tabs button:first-child{grid-column:1/-1;min-height:44px}.tabs button+button{border-top:1px solid #aaa}.tabs button:nth-child(2),.tabs button:nth-child(4){border-left:0}.tabs button:nth-child(3),.tabs button:nth-child(5){border-left:1px solid #aaa}.week-intro{grid-template-columns:1fr;gap:8px;padding:29px 0 17px}.week-intro h2{font-size:35px}.week-intro-lead{font-size:24px}.week-thread{grid-template-columns:1fr;gap:0}.week-thread li{margin-left:0;margin-top:-1px;padding:21px}.week-thread strong{font-size:24px}.week-thread li:first-child{margin-top:0}.week-outcomes{grid-template-columns:1fr;gap:4px;padding:26px 0 16px}.week-outcomes h3{font-size:29px}.week-outcomes li{font-size:13px}.week-question{padding:23px 19px}.week-question>p{font-size:25px}.week-question br{display:none}#intro .editorial-frame{padding-top:4px}}