/* Dark editorial course system inspired by the supplied design-class reference. */
:root{--ink:#f4f3ef;--paper:#343632;--cream:#434541;--acid:#ff5a12;--orange:#ff5a12;--blue:#ff5a12;--yellow:#ffc928;--muted:#b9bab5;--line:rgba(255,255,255,.24)}
html{background:#858585}body{background:#858585;color:var(--ink)}.noise{display:none}.home-page{padding:34px}.masthead,.home-page main,.home-page .foot{max-width:1240px;margin:0 auto;background:var(--paper)}.masthead{height:82px;border:0;border-radius:28px 28px 0 0;padding:0 55px;position:relative}.masthead::after{content:"";position:absolute;left:55px;right:55px;bottom:0;height:1px;background:rgba(255,255,255,.55)}.brand{color:#fff}.brand-mark{display:inline-grid;background:transparent;color:#fff;width:auto;height:auto;font-size:25px;margin-right:7px}.nav-mini a{color:#fff;font-family:var(--sans);font-size:12px;font-weight:600}.nav-mini a:first-child{color:var(--orange)}.nav-start{border:1px solid #fff;border-radius:999px;background:transparent;padding:8px 17px}.home-page main{overflow:hidden}.hero{min-height:690px;border:0;grid-template-columns:1.05fr .95fr}.hero-copy{padding:80px 30px 78px 90px}.eyebrow{margin-bottom:30px}.eyebrow span{border:0;padding:0;color:#fff;font:600 11px var(--mono)}.eyebrow span:first-child::before{content:"# ";color:var(--orange);font-size:25px}.hero h1{text-transform:uppercase;font-size:clamp(50px,5.5vw,82px);line-height:.94;letter-spacing:-.06em}.hero h1 em{color:var(--orange)}.lede{color:#d2d3ce;font-size:15px;line-height:1.8}.cta{background:var(--orange);border-radius:999px;min-width:195px;padding:13px 19px;color:white}.cta:hover{background:#ff7134}.text-btn{color:#fff;text-decoration-color:var(--orange)}.hero-proof strong{color:var(--yellow)}.hero-proof span{color:#ccc}.hero-visual{background:transparent;color:white;padding:55px 55px 60px 20px;position:relative}.hero-visual::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:var(--orange);right:10%;top:27%;z-index:0}.case-label{color:#fff;position:relative;z-index:2}.pulse{background:var(--yellow);box-shadow:0 0 0 7px rgba(255,201,40,.15)}.agent-orbit,.terminal-strip{position:relative;z-index:1}.orbit-path{stroke:#e9e9e4;stroke-width:2}.orbit-node circle{fill:#f2f1ed;stroke:#151515;stroke-width:3}.orbit-node text{fill:#555}.orbit-node text+text{fill:#111;font-weight:800}.orbit-node.active circle{fill:var(--yellow);stroke:#111;filter:drop-shadow(7px 7px 0 rgba(0,0,0,.3))}.orbit-node.active text{fill:#111}.core circle{fill:#292b28;stroke:#fff;stroke-width:3}.core text{fill:#fff}.terminal-strip{background:#252724;border:1px solid #fff;border-radius:999px;padding:13px 18px;box-shadow:none;color:white}.terminal-strip .bad{color:var(--orange)}.terminal-strip .good{color:var(--yellow)}.manifesto{grid-template-columns:1fr 3fr;padding:100px 85px;border:0;background:var(--paper)}.manifesto>div{grid-template-columns:1.5fr 1fr}.manifesto h2,.journey h2,.lab-section h2{text-transform:uppercase;font-size:clamp(36px,4.2vw,58px);line-height:.98}.manifesto h2::after,.journey h2::after,.lab-section h2::after{content:"";display:block;width:42px;height:4px;background:var(--orange);margin-top:18px}.manifesto p:not(.section-no),.journey-head>p{color:var(--muted)}.section-no{color:var(--orange);font-weight:700}.journey{background:var(--paper);padding:70px 55px 105px}.journey-head{align-items:center}.phase-tabs{border:0;gap:12px;margin-top:45px}.phase-tabs button{background:transparent;color:white;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px}.phase-tabs button.active{background:var(--orange);border-color:var(--orange)!important;color:white}.course-stage{grid-template-columns:260px 1fr;gap:16px}.phase-story{background:#292b28;color:white;border:1px solid rgba(255,255,255,.5);border-radius:22px;padding:27px}.phase-story>span{color:var(--orange)}.phase-story p{color:#c8c9c4}.thread-line{color:var(--yellow)}.thread-line i{background:#777}.course-card{background:#e8e8e4;color:#171717;border:0;border-radius:18px;min-height:215px}.course-card:nth-child(2n){background:var(--orange);color:white}.course-card:nth-child(2n) p,.course-card:nth-child(2n) small{color:#ffe1d5}.course-card:hover{transform:translateY(-5px);box-shadow:0 14px 0 rgba(0,0,0,.22)}.card-top>span{background:#252724;color:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.card-foot i{background:var(--orange)}.course-card:nth-child(2n) .card-foot i{background:var(--yellow)}.lab-section{background:#292b28;padding:95px 70px;border:1px solid rgba(255,255,255,.65);border-radius:28px;margin:0 55px 80px;gap:55px}.section-no.light{color:var(--orange)}.lab-copy>p{color:#cacbc6}.scenario-pills button{border:1px solid #858681;border-radius:999px;background:transparent;color:white}.scenario-pills button.active{background:var(--orange);border-color:var(--orange)}.decision-console{background:#3b3d39;color:white;border:1px solid #888;border-radius:18px;overflow:hidden;box-shadow:none}.console-top{background:#20221f;color:white}.decision-body .prompt{font-family:var(--sans)}.decision-options button{background:#ecece8;color:#111;border:0;border-radius:12px;font-weight:700}.decision-options .right{background:var(--yellow);color:#111}.decision-options .wrong{background:var(--orange);color:white}.decision-feedback{color:#bfc0bb}.decision-feedback strong{color:var(--yellow)}.home-page .foot{border-radius:0 0 28px 28px;padding:38px 55px;border-top:1px solid rgba(255,255,255,.5)}.foot p{color:#bfc0bb}.foot a{color:var(--orange)}
/* Course + lesson shell */
body:not(.home-page){padding:24px;background:#858585}.shell{max-width:none;min-height:calc(100vh - 48px);background:var(--paper);border-radius:28px;overflow:hidden;position:relative}.top{height:76px;position:fixed;z-index:30;top:24px;left:24px;right:24px;max-width:none;background:rgba(52,54,50,.96);border-bottom:1px solid rgba(255,255,255,.35);padding:0 42px;border-radius:28px 28px 0 0}.top .brand{color:white}.top .brand span{color:var(--orange)}.crumb,.crumb a{color:#ccc}.page{display:block;padding-top:76px;min-height:calc(100vh - 48px)}.side{position:fixed;z-index:20;left:24px;top:100px;bottom:24px;width:300px;height:auto;overflow-y:auto;background:#292b28;border-right:1px solid rgba(255,255,255,.2);padding:24px 18px 35px;border-radius:0 0 0 28px;scrollbar-width:thin;scrollbar-color:#666 transparent}.nav-level+ .nav-level{border-top:1px solid rgba(255,255,255,.16);margin-top:22px;padding-top:14px}.side h3{display:flex;align-items:center;gap:9px;color:#fff;font:700 11px var(--sans);letter-spacing:.08em;margin:10px 8px 12px;text-transform:uppercase}.side h3 i{font:600 10px var(--mono);font-style:normal;color:var(--orange)}.nav-items{display:grid;gap:3px}.side a{display:grid;grid-template-columns:30px 1fr;gap:8px;color:#aeb0aa;padding:7px 9px;border:0;border-radius:8px;font-size:12px;line-height:1.35}.side a b{font:500 10px var(--mono);color:#777}.side a span{min-width:0}.side a:hover,.side a.here{background:#41433f;color:white;border:0}.side a.here b{color:var(--orange)}.side a.parent{background:var(--orange);color:white}.side a.parent b{color:white}.article{margin-left:300px;max-width:none;min-height:calc(100vh - 124px);padding:70px clamp(35px,7vw,110px) 110px;color:#181818;background:#f1f0ec;border-radius:24px 0 24px 0}.article>h1,.md h1{color:#111;text-transform:none}.article .lede{color:#5d5e59}.top-links{display:flex;align-items:center;gap:18px}.top-links>a{color:var(--orange);font-size:12px;text-decoration:none}.hub-bridge{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;background:#292b28;color:white;border-radius:18px;padding:24px;margin:30px 0}.hub-bridge span{font:600 10px var(--mono);color:var(--orange)}.hub-bridge h2{font-size:20px;margin:8px 0}.hub-bridge>div+div{display:grid;gap:8px}.hub-bridge a{background:#41433f;border-radius:10px;color:white;text-decoration:none;padding:11px}.hub-bridge a b,.hub-bridge a small{display:block}.hub-bridge a small{color:#bbb;margin-top:3px}.lesson-route-map{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 30px}.lesson-route-map>b{font-size:11px}.lesson-route-map a{background:var(--orange);color:white;border-radius:999px;padding:5px 10px;text-decoration:none;font-size:11px}.lesson-route-map span{font-size:11px;color:#666}.continuity-card{background:#292b28;color:white;border:0;border-radius:18px;border-left:7px solid var(--orange)}.continuity-card span{color:var(--orange)}.hours li{border-color:#ccc}.hours a{color:#151515;border-radius:10px}.hours a:hover{background:#ffe6d8}.done-dot{color:var(--orange)}.read-progress{background:var(--orange)}.md h2{color:#151515;border-top-color:#d1d0ca}.md h2::after{content:"";display:block;width:35px;height:3px;background:var(--orange);margin-top:11px}.md h3,.md p,.md li{color:#292a27}.md a{color:#d84a08}.md pre{background:#292b28;border-radius:14px}.md blockquote{background:#fff;border-left-color:var(--orange);border-radius:0 12px 12px 0}.blueprint{background:#fff;border:1px solid #d3d2cd;border-radius:14px}.quiz{background:#fff;border-left-color:var(--orange);border-radius:16px;box-shadow:0 5px 16px rgba(0,0,0,.04)}.quiz-tag{color:var(--orange)}.choice{background:#f1f0ec;color:#151515;border-radius:10px}.submit-btn{background:var(--orange);border-radius:999px}.source-ledger{background:#292b28;color:#eee;border:0;border-radius:18px}.source-ledger h2,.source-ledger li,.source-ledger p{color:#eee}.source-ledger::before{color:var(--orange)}.source-ledger a{color:var(--yellow)}.figure-concept{background:#292b28;color:white;border:0;border-radius:18px}.figure-concept .fc-head{color:var(--orange)}.figure-concept circle,.figure-concept rect{fill:#efefeb;stroke:#111}.figure-concept text{fill:#111}.figure-concept path{stroke:var(--orange)}.lesson-footnav{border-color:#c9c8c2}.lesson-footnav a{color:#111}
@media(max-width:900px){.home-page{padding:12px}.masthead{border-radius:20px 20px 0 0;padding:0 22px}.masthead::after{left:22px;right:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 28px 20px}.hero-visual{min-height:540px;padding:30px}.manifesto,.lab-section{grid-template-columns:1fr}.manifesto{gap:25px}.course-stage{grid-template-columns:1fr}.lab-section{margin:0 22px 50px}.home-page .foot{border-radius:0 0 20px 20px}.side{width:250px}.article{margin-left:250px;padding-left:36px;padding-right:36px}}@media(max-width:720px){body:not(.home-page){padding:0}.shell{border-radius:0;min-height:100vh}.top{top:0;left:0;right:0;border-radius:0;padding:0 18px}.page{padding-top:76px}.side{position:sticky;top:76px;left:auto;bottom:auto;width:100%;height:auto;max-height:42vh;border-radius:0;border-right:0;border-bottom:1px solid #777;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.nav-level+ .nav-level{border-top:0;border-left:1px solid #555;margin:0;padding:0 0 0 10px}.side h3{display:flex}.nav-items{max-height:28vh;overflow:auto}.article{margin-left:0;border-radius:0;padding:42px 22px 80px}.hero-visual{min-height:440px}.hero-visual::before{width:230px;height:230px}.journey,.manifesto{padding-left:22px;padding-right:22px}.course-grid{grid-template-columns:1fr}.phase-tabs{grid-template-columns:repeat(4,130px);overflow:auto}.decision-options{grid-template-columns:1fr}}