/* Cream paper, ink panels, mint signals. */
:root{--ink:#142c36;--paper:#f3f2ec;--line:#d7ded5;--muted:#63766e;--mint:#b9efb7;--panel:#142c36;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
body{background:var(--paper)}
.sidebar{background:#112831;border-right:1px solid #2d4750;padding-top:30px}
.brand{font:600 43px/.95 var(--mono);letter-spacing:-.08em;color:#c4f1be;padding:0 12px 24px;border-bottom:1px solid #365059}
.brand span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#a2bab8;margin-top:14px}
.sidebar .primarynav{margin-top:27px}.sidebar nav a{border-radius:3px;font-size:12px;padding:12px}.sidebar nav a.active{border-left-color:var(--mint);background:#28434b;color:#d9f7d6}.sidebar nav a:hover{background:#203d47}
.navlabel{font:9px var(--mono);letter-spacing:.12em;color:#94b5b1}.sidebarfoot small{font:9px var(--mono);letter-spacing:.04em}
main{padding:0 clamp(25px,3.8vw,65px)}header{min-height:68px;font:10px var(--mono)}header a{font:10px var(--mono);padding:10px 13px;border:1px solid #bdcbbf;border-radius:4px;background:#e9eddf}header a:hover{background:#dce9d2}
.intro{padding:34px 0 27px;position:relative}.intro>.eyebrow{font:10px var(--mono);letter-spacing:.14em;display:flex;align-items:center;gap:9px}.intro>.eyebrow:before{content:'';width:6px;height:6px;background:var(--teal);display:block}
h1{font:600 clamp(37px,4.8vw,63px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:17px 0 12px}.intro>p{font-size:12px}
.sample{font:10px var(--mono);gap:19px;margin-top:24px}.sample b{font-weight:600}.sample>span+span{padding-left:19px}
.controls{margin-bottom:28px;border:1px solid #ccd6ca;padding:5px 8px;background:#e9ede2;border-radius:6px;min-height:51px}.sessions{gap:3px}.sessions button{font:10px var(--mono);padding:10px 14px;border:0;border-radius:3px}.sessions button.active{background:var(--ink);color:#d7f4d1;border:0}.sessions button:hover:not(.active){background:#dce5d7}.search input{font:10px var(--mono);padding:10px;text-align:left;width:175px}
.sectionhead h2{font-size:13px;font-weight:600;letter-spacing:-.02em}.sectionhead>span{font:9px var(--mono);color:#667c6c}.sectionhead{padding-bottom:17px}
#cards{gap:13px}.chapter{border-radius:6px;background:#fafbf6;border:1px solid #cdd8ca;padding:19px 20px 0;position:relative;overflow:hidden;min-height:185px}.chapter:hover{background:#f5f9ed;border-color:#7a9a7a;box-shadow:0 5px 0 #142c3609}.cardtop{margin-bottom:26px}.chapnum{font:9px var(--mono);color:#5a7667;letter-spacing:.03em}.chaptercount{font:12px var(--mono)}.chaptercount small{font:9px var(--mono)}.chapter h3{font-size:21px;font-weight:500;letter-spacing:-.04em;max-width:90%;line-height:1.12;margin-bottom:17px}.chaptermeta{font:9px var(--mono);gap:14px;color:#56725f;padding-bottom:18px}.chaptermeta span:last-child{color:#876778}.cardfoot{font:9px var(--mono);color:#728374;border-color:#dbe3d5;padding:13px 0}.chapter:before{content:'';height:3px;background:#83af8c;position:absolute;top:0;left:0;right:0}.chapter:nth-child(2):before{background:#70aaa9}.chapter:nth-child(3):before{background:#7f99c0}.chapter:nth-child(5):before{background:#bc879b}.chapter:nth-child(6):before{background:#c7a366}
.schematic-card{background:var(--panel);border:1px solid #344f56;border-radius:6px}.charthead{font:9px var(--mono);color:#aac8bd;border-color:#35505a;padding:14px 17px}.schematic-caption{background:#1c3640;color:#e3eee0;border-color:#35505a;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:13px;font-size:12px}.schematic-caption small{font:9px var(--mono);color:#a7c5b8}.schematic-card:hover{border-color:#83af8c}.schematic-stack .sectionhead{height:33px}
.method{font-size:10px;color:#6f7d70}.back{font:10px var(--mono);text-decoration:none;border-bottom:1px solid #9caf9c;padding-bottom:4px;margin-bottom:17px}#detail .direction{gap:5px;margin-bottom:17px}#detail .direction button{font:10px var(--mono);border-radius:3px;padding:9px 16px}#detail .direction button.active{color:#d5f3c8}
.play{border-radius:6px;border-color:#ccd7c9;background:#fafbf7}.play>summary{padding:21px 23px}.play>summary:hover{background:#f0f5e9}.play[open]{border-color:#91aa91}.play[open]>summary{background:#eaf0e1;border-bottom-color:#ccd7c9}.badge{font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em;background:#dce9d6;border:1px solid #c6d9c2;color:#3b7254;border-radius:3px}.badge.short{background:#eee0e5;border-color:#ddc6cf;color:#875a6a}.path{font-size:16px;font-weight:500;letter-spacing:-.025em}.path small{font:9px var(--mono);color:#72806f;line-height:1.6;letter-spacing:0}.reached{font:9px var(--mono);color:#58715e}.expand{font-size:19px;color:#54785b}
.playbody{gap:23px;padding:23px;grid-template-columns:minmax(0,1.9fr) minmax(190px,1fr)}.play-schematic{border-radius:5px;background:var(--panel);border:1px solid #2c4b54}.visual-heading{font:9px var(--mono);color:#b8d1c7;padding:17px 17px 13px}.visual-heading span:last-child{color:#b9efb7}.level-map{border-color:#36515a;background-image:linear-gradient(90deg,#36515a55 1px,transparent 1px);background-size:36px 100%}.context-row:before{border-color:#48605f}.context-row.selected-level{background:#b9efb70a}.context-row.selected-level:before{border-color:#b9efb7}.context-label{background:var(--panel)}.context-name{color:#b0c6bc}.context-price{font-family:var(--mono);color:#afc6ba;font-size:10px}.selected-level .context-name,.selected-level .context-price{color:#d3f3bd}.context-name b{font:8px var(--mono);letter-spacing:.1em;color:#b9efb7}.context-source{font:8px var(--mono);color:#98b5a9;line-height:1.5}.play-schematic figcaption{color:#a8bfb4;font:9px/1.6 var(--mono);border-color:#36515a}.play-facts .eyebrow{font:9px var(--mono);letter-spacing:.08em}.play-facts dt{font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em}.play-facts dd{font-size:12px}.play-facts strong{font:24px var(--mono);letter-spacing:-.07em;margin-top:7px}.play-facts p{font-size:11px;border-top:1px solid #dae2d5;margin-top:22px;padding-top:16px}.evidence{border-color:#d1ddcb}.evidence>summary{font:10px var(--mono)}.evidence>summary span{font:9px var(--mono)}
footer{font:9px/1.6 var(--mono);color:#73816e}.empty h2{font:500 30px Arial,sans-serif;letter-spacing:-.04em}
@media(max-width:1100px){.playbody{grid-template-columns:1fr}.play-facts strong{font-size:23px}}
@media(max-width:600px){.sidebar{padding:21px 23px 16px}.brand{font-size:31px;padding:0 0 16px}.brand span{font-size:9px;margin:0;letter-spacing:.03em}.sidebar .primarynav{margin-top:15px}.sidebar .primarynav a{font:10px var(--mono)}main{padding:0 18px}header{min-height:63px}.intro{padding:28px 0 23px}h1{font-size:40px}.sample{font-size:9px;gap:12px}.sample>span+span{padding-left:12px}.sample>span:last-child{padding-left:0}.controls{padding:6px;margin-bottom:24px;gap:6px}.sessions{width:100%;justify-content:space-between}.sessions button{font-size:9px;padding:10px 11px}.search{border-color:#ccd6ca}.search input{width:100%;font-size:10px}.chapter{min-height:170px;padding:18px 19px 0}.chapter h3{font-size:22px}.cardtop{margin-bottom:22px}.schematic-caption{font-size:11px}.schematic-caption small{font-size:8px}.play>summary{padding:17px 14px;column-gap:10px}.path{font-size:13px}.path small{font-size:8px}.reached{font-size:8px}.playbody{padding:12px;gap:20px}.context-row{height:60px}.context-name{font-size:10px}.context-price{font-size:9px}.context-source{padding-left:12px}.visual-heading{font-size:8px}.play-schematic figcaption{font-size:8px}.play-facts{padding:7px}.evidence>summary{font-size:9px}.evidence>summary span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Hub-inspired depth and modular rhythm, in the playbook palette. */
:root{--paper:#10232b;--ink:#eef1e7;--line:#30454a;--muted:#a1b5ad;--teal:#b9efb7;--panel:#142c36}
body{background:#10232b;color:var(--ink)}
.sidebar{background:#0b1c23;border-color:#2a4147}.brand{color:#d8eecb}.sidebar nav a.active{background:#223c43}.sidebar nav a:hover{background:#1b333c}
main{background:radial-gradient(ellipse 55% 270px at 65% 80px,#3c65402a,transparent),#10232b;min-height:100vh}
header{border-color:#2a4147;color:#b4c8be}header b{color:#8ca89e}header a{color:#d4e8c9;background:#1b343c;border-color:#3b5656}header a:hover{background:#28443f}
.intro{background-image:linear-gradient(#45635612 1px,transparent 1px),linear-gradient(90deg,#45635612 1px,transparent 1px);background-size:42px 42px;background-position:0 0}
h1{color:#f0f1e8;max-width:800px}.intro>p{color:#a6beb2}.intro>.eyebrow{color:#b9d69c}.intro>.eyebrow:before{background:#b9d69c}.sample{color:#8fa99c}.sample b{color:#d7edcd}.sample>span+span{border-color:#3d5350}
.controls{background:#152b33;border-color:#30484a}.sessions button{color:#a1b7aa}.sessions button.active{background:#c3e8b0;color:#17352a}.sessions button:hover:not(.active){background:#243f43}.search input{color:#e1ebdb}.search input::placeholder{color:#8aa69a}
.sectionhead h2{color:#dce9d5}.sectionhead>span{color:#8ea899}
.chapter{background:#162c34;border-color:#344a4b;box-shadow:inset 0 1px 0 #ffffff05}.chapter:hover{background:#1d373e;border-color:#749a77;box-shadow:0 8px 22px #00000020;transform:translateY(-2px)}.chapnum{color:#a4c295}.chaptercount{color:#d6e8cd}.chaptercount small{color:#91ab9d}.chapter h3{color:#e9eee1}.chaptermeta{color:#a1c49e}.chaptermeta span:last-child{color:#c49aa9}.chaptermeta span+span{border-color:#3b514d}.cardfoot{border-color:#344b49;color:#8eaa9a}
.schematic-card{background:#142c36;border-color:#3a5355}.schematic-caption{background:#1b343c;border-color:#3a5355;color:#e4eddf}.charthead{color:#b7cdbf}.schematic-card:hover{border-color:#8ba37a}
.method{color:#91a99b}footer{border-color:#2d4547;color:#8aa396}.back{color:#c0dda6;border-color:#57795c}
#detail .direction button{color:#a4b9ab;border-color:#3a5150}#detail .direction button.active{background:#c3e8b0;color:#17352a;border-color:#c3e8b0}
.play{background:#162c34;border-color:#344c4c}.play>summary:hover{background:#1d373e}.play[open]{border-color:#627e64}.play[open]>summary{background:#203b3d;border-color:#3a5650}.path{color:#e9eedf}.path small{color:#99b09f}.path-arrow{color:#94b58a}.reached{color:#a2c395}.expand{color:#b7dba6}.badge{background:#254738;border-color:#42664a;color:#cae9b7}.badge.short{background:#46333e;border-color:#694a5c;color:#e8b6c8}
.play-schematic{background:#10232b;border-color:#3b5652;box-shadow:inset 0 0 50px #75b87b06}.context-label{background:#10232b}.level-map{background-size:36px 100%;border-color:#3c5651}.context-row.selected-level{background:#b9efb709}.selected-level .context-label{background:#1c3535}.play-facts .eyebrow{color:#c4daa2}.play-facts dt{color:#92ae9b}.play-facts dd{color:#cbdcc7}.play-facts strong{color:#e5f0d9}.play-facts p{border-color:#344d48;color:#9eb6a6}.evidence{border-color:#36504a}.evidence>summary{color:#c6dfa9}.evidence>summary span{color:#8fab99}.evidence-content p{color:#9eb6a6}
.empty h2{color:#edf1e5}.empty p{color:#a4bcae}.empty a{color:#c3dfa7}.search{border-color:#3b524e}
@media(max-width:600px){.sidebar .primarynav a.active{color:#d3eec0}.chapter{min-height:170px}.chapter:hover{transform:none}}
/* Brighter white details against the ink surfaces. */
h1,.chapter h3,.path,.sectionhead h2{color:#ffffff}
header{border-bottom-color:#ffffff35}.brand{color:#ffffff;border-bottom-color:#ffffff38}
.chapter{border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff18}.chapter:hover{border-color:#ffffff80;box-shadow:0 8px 24px #00000030}
.chapter:after{content:'';position:absolute;right:14px;top:15px;width:5px;height:5px;background:#ffffffb0;border-radius:1px}.chaptercount{padding-right:12px;color:#fff}.cardfoot{border-color:#ffffff25}
.schematic-card,.play{border-color:#ffffff30}.schematic-caption{border-top-color:#ffffff30}.charthead{color:#f3f5ec;border-bottom-color:#ffffff25}
.play[open]{border-color:#ffffff70}.play[open]>summary{border-bottom-color:#ffffff35}.play-schematic{border-color:#ffffff45}.visual-heading{color:#f4f6ed}.selected-level .context-name,.selected-level .context-price{color:#ffffff}.context-row.selected-level:before{border-top-color:#ffffff}.context-name b{color:#d5efc8}.play-facts strong{color:#fff}.evidence{border-color:#ffffff30}
header a{color:#ffffff;border-color:#ffffff55}.sidebar nav a.active{color:#fff;border-left-color:#ffffff}.sidebarfoot{border-top-color:#ffffff35}footer{border-top-color:#ffffff30}
/* White chapter tiles within the dark workspace. */
.chapter{background:#f8f9f3;border-color:#e1e7dc;box-shadow:0 2px 0 #00000012}
.chapter:hover{background:#fff;border-color:#b6c9aa;box-shadow:0 8px 22px #00000026}
.chapter h3{color:#142c36}.chaptercount{color:#142c36}.chaptercount small{color:#62766b}.chapnum{color:#526d5b}
.chaptermeta{color:#41644e}.chaptermeta span:last-child{color:#865b68}.chaptermeta span+span{border-color:#d1dacb}
.cardfoot{color:#64796b;border-color:#d8e1d1}.chapter:after{background:#142c3680}
/* White move cards with dark inset level maps. */
.play{background:#f8f9f3;border-color:#e1e7dc;color:#142c36}
.play>summary:hover{background:#ffffff}.play[open]{border-color:#bfd0b4}.play[open]>summary{background:#eef2e7;border-bottom-color:#d2ddca}
.play .path{color:#142c36}.play .path small{color:#63766b}.play .path-arrow{color:#6e8b73}.play .reached{color:#4f6d56}.play .expand{color:#41674c}
.play .badge{background:#deead6;border-color:#bfd2b5;color:#365d42}.play .badge.short{background:#efe1e6;border-color:#dcc3cd;color:#805466}
.play-facts .eyebrow{color:#41674c}.play-facts dt{color:#63766b}.play-facts dd{color:#263e37}.play-facts strong{color:#142c36}.play-facts p{color:#63766b;border-top-color:#d3ddcc}
.play .evidence{border-color:#d3ddcc}.play .evidence>summary{color:#365d42}.play .evidence>summary span,.play .evidence-content p{color:#63766b}