.guide-hero{min-height:610px;padding-bottom:60px}.guided-project{max-width:1340px;margin:0 auto 110px;padding:0 36px;scroll-margin-top:36px}.project-intro{max-width:760px;margin:0 auto 35px;text-align:center}.project-intro h2{font-size:46px;font-weight:450;letter-spacing:-.04em;line-height:1.15;margin-bottom:20px}.project-intro>p:not(.eyebrow){color:#d6dce5;font-size:19px;line-height:1.65}.project-intro .project-invitation{color:#99a0ae!important;font-size:15px!important;margin-top:15px}.lesson-shell{background:#171a1c;border-radius:24px;box-shadow:0 30px 100px -45px #000b;overflow:hidden}.lesson-top{display:flex;align-items:center;gap:20px;background:#101213;padding:19px 28px;font-size:12px;color:#99a0ae}.lesson-top>span:first-child{color:white;display:flex;gap:10px;align-items:center}.lesson-top i{height:6px;width:6px;border-radius:50%;background:#ff5a16}.lesson-top button{margin-left:auto;background:none;color:#99a0ae;font-size:12px;padding:6px}.lesson-tabs{display:flex;gap:10px;padding:15px 24px;background:#101213;overflow-x:auto;scrollbar-width:thin}.lesson-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 18px;border-radius:100px;background:transparent;color:#99a0ae;font-size:13px;white-space:nowrap;flex:1}.lesson-tabs button[aria-selected=true]{background:#442c22;color:#ffac87}.lesson-tabs button:hover{color:white;background:#202427}.lesson-dot{height:5px;width:5px;border-radius:50%;background:#626c7d}.lesson-complete .lesson-dot{background:#79d7a0;box-shadow:0 0 0 3px #79d7a010}.lesson-tabs button[aria-selected=true] .lesson-dot{background:#ff5a16}.lesson-panel{display:grid;grid-template-columns:minmax(240px,.83fr) minmax(0,1.25fr);gap:50px;padding:42px;align-items:start;min-height:590px}.lesson-coach{padding-top:8px}.lesson-context{font-size:10px;letter-spacing:.12em;color:#ffac87}.lesson-coach h3{font-size:37px;font-weight:450;letter-spacing:-.04em;line-height:1.15;margin:16px 0 23px}.lesson-coach p{font-size:16px;line-height:1.85;color:#b9c0cc;margin-bottom:20px}.lesson-coach .lesson-prompt{color:#fff}.lesson-coach>a{display:block;color:#ffac87;font-size:13px;margin-top:25px}.lesson-hint{font-size:12px;background:#202427;color:#d6dce5;padding:10px 14px;border-radius:8px}.lesson-hint-text{font-size:14px!important;margin:16px 0!important;color:#ffac87!important}.lesson-workbench{min-width:0;background:#101213;border-radius:17px;padding:25px}.lesson-workbench button{background:#202427;color:#d6dce5;font-size:13px;border-radius:9px;padding:12px 15px;transition:background .2s,color .2s}.lesson-workbench button:hover{background:#343b41;color:#fff}.lesson-workbench button.primary{background:#ff5a16;color:#0e121b;padding:12px 20px}.lesson-workbench button[aria-pressed=true]{background:#442c22;color:#ffac87}.learning-feedback{font-size:14px;line-height:1.75;color:#b9c0cc;background:#20242780;border-radius:10px;padding:17px 18px;margin-top:22px;min-height:100px}.learning-feedback.understood{background:#173a2b66;color:#c1dfcc}.learning-scope{font-size:11px;color:#99a0ae;line-height:1.7;margin:16px 0 0}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 32px;background:#101213;color:#99a0ae;font-size:12px}.lesson-bottom>button{background:transparent;color:#ffac87;font-size:14px;text-align:right;padding:7px}.project-afterword{max-width:780px;margin:25px auto 0;text-align:center;color:#b9c0cc;font-size:15px}.wiring-scene{position:relative;min-height:290px;background-image:radial-gradient(#343b41 .65px,transparent .65px);background-size:16px 16px}.wiring-scene>svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;overflow:visible}.supply-wire{stroke:#ffac87;fill:none;stroke-width:1.6;opacity:.4}#learning-wire{fill:none;stroke-width:2;stroke:#79cfc0;stroke-dasharray:6 5;opacity:0;transition:opacity .2s}#learning-wire.wire-connected{opacity:1;stroke-dasharray:none}#learning-wire.wire-rejected{opacity:.8;stroke:#ffa1ae;stroke-dasharray:5 5}.learn-component{position:absolute;top:40px;background:#202427;border-radius:12px;padding:15px;width:40%;display:flex;flex-direction:column;gap:6px}.sensor-component{left:0}.controller-component{right:0}.learn-component small{font-size:8px;letter-spacing:.04em;color:#99a0ae}.learn-component>b{font-size:13px;font-weight:500;line-height:1.3;color:white}.learn-component button{margin-top:7px;border-radius:6px;font-size:12px;padding:9px;display:flex;align-items:center;gap:8px;background:#101213}.sensor-component button{justify-content:space-between}.learn-component i{width:7px;height:7px;border-radius:50%;background:#79cfc0;flex:none}.learn-component [data-input-port=supply] i{background:#ffac87;border-radius:1px}.learn-battery{position:absolute;bottom:22px;left:0;display:flex;align-items:center;gap:8px;font-size:10px;background:#171a1c;padding:10px;border-radius:8px;color:#b9c0cc}.learn-battery i{height:7px;width:7px;background:#ffac87}.reading-card{padding:22px;background:#171a1c;border-radius:12px}.reading-card>div:first-child{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:#99a0ae}.connected-dot{color:#79d7a0}.reading-card strong{font-size:88px;font-weight:400;letter-spacing:-.05em;display:block;line-height:1.25;margin:24px 0}.reading-card strong small{font-size:26px;color:#99a0ae}.reading-card button{width:100%;text-align:left}.reading-card dl{margin:15px 0 0;font-size:12px}.reading-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.reading-card dt{color:#99a0ae}.reading-card dd{margin:0;color:#d6dce5;text-align:right}.learning-choices{display:flex;gap:9px;margin-top:15px}.learning-choices button{flex:1;text-align:left;line-height:1.5}.state-picks{display:flex;gap:7px;flex-wrap:wrap}.state-picks button{font-size:11px;flex:1;padding:10px 7px}.decision-diagram{text-align:center;padding-top:25px}.decision-source{color:#b9c0cc;font-size:13px}.decision-diagram>span{display:block;color:#626c7d;margin:6px}.decision-question{background:#202427;padding:12px;border-radius:9px;font-size:15px}.decision-branches{display:flex;gap:8px;margin-top:18px;align-items:stretch}.decision-branches>div{flex:1;background:#171a1c;border-radius:9px;padding:15px 11px;opacity:.45;transition:opacity .25s,background .25s}.decision-branches small{font-size:8px;color:#99a0ae;display:block;margin-bottom:8px}.decision-branches b{font-size:12px;line-height:1.5;font-weight:500;display:block}.decision-branches .chosen-branch{opacity:1;background:#442c22}.decision-branches .chosen-branch small{color:#ffac87}.model-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.model-controls label,.payload-control{display:block;font-size:13px;color:#b9c0cc}.model-controls output,.payload-control output{float:right;color:#ffac87}.lesson-workbench input[type=range]{display:block;width:100%;accent-color:#ff5a16;min-height:30px;margin:14px 0 20px;cursor:pointer}.force-comparison{display:flex;justify-content:space-between;font-size:11px;color:#99a0ae}.force-comparison b{display:block;font-size:20px;font-weight:450;color:#eaf3fb}.learning-plot{display:block;width:100%;margin-top:18px}.learning-plot text{fill:#99a0ae;font:11px Urbanist}#learn-model-line{stroke:#ff743b;stroke-width:2.5;fill:none}#learn-target-line{stroke:#99a0ae;stroke-dasharray:5 6;fill:none}.energy-strip{display:flex;overflow:hidden;border-radius:8px;margin:5px 0 32px;font-size:11px}.energy-strip span:first-child{width:80%;background:#442c22;padding:15px;color:#ffac87}.energy-strip span:last-child{width:20%;background:#202427;padding:15px 5px;text-align:center;color:#99a0ae}.budget-equation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;color:white;font-size:22px}.budget-equation small{display:block;color:#99a0ae;font-size:11px}.budget-equation>b{color:#626c7d;font-size:17px;font-weight:400}.duration-answer{display:flex;align-items:center;gap:20px;margin-top:10px}.duration-answer strong{font-size:76px;font-weight:400;letter-spacing:-.05em;color:#ffac87;line-height:1.2}.duration-answer span{font-size:14px;line-height:1.6;color:#d6dce5}.duration-answer small{color:#99a0ae;font-size:11px}.evidence-design{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.evidence-design span{color:#99a0ae;font-size:12px;display:block}.evidence-design strong{font-size:34px;font-weight:450;color:#fff}.learning-report{padding:19px;border-radius:10px;background:#171a1c;margin-bottom:12px}.learning-report b{font-size:15px;font-weight:500;display:block}.learning-report>span{font-size:10px;display:inline-block;padding:3px 8px;border-radius:100px;margin:10px 0;background:#202427;color:#99a0ae}.learning-report.report-current>span{background:#173a2b;color:#79d7a0}.learning-report p{font-size:12px;color:#99a0ae;line-height:1.6}.reference-intro{max-width:900px;text-align:center;margin:0 auto 50px;padding:0 25px}.reference-intro h2{font-size:48px;font-weight:450;letter-spacing:-.04em;line-height:1.15;margin-bottom:18px}.reference-intro>p:last-child{font-size:18px;color:#b9c0cc;max-width:620px;margin:auto}.concept-story{margin:32px 0 45px}.concept-story h3{font-size:28px;line-height:1.3;font-weight:450;letter-spacing:-.025em;margin-bottom:22px;color:#eaf3fb}.concept-story>p{font-size:18px;line-height:1.85;color:#d6dce5;margin-bottom:22px}.concept-story .concept-situation{background:#20242780;padding:24px;border-radius:12px;font-size:16px;color:#b4d2ec}.concept-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:25px}.concept-links a{color:#ffac87;font-size:13px}.concept-comparison{margin:25px 0;background:#10121370;border-radius:12px;padding:6px 23px}.concept-comparison>div{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;padding:17px 0}.concept-comparison>div+div{border-top:1px solid #343b4160}.concept-comparison b{font-size:14px;font-weight:500;color:#eaf3fb}.concept-comparison span{font-size:15px;color:#b9c0cc;line-height:1.7}.reference-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:500;color:#99a0ae;margin:15px 0}.tutorial summary{font-size:18px;padding:16px 0}.tutorial-body{padding-top:5px}.procedure-result{margin:22px 0 12px;color:#b4d2ec}.procedure-note{font-size:14px!important;color:#99a0ae;padding:14px 0}.guide-chapter .chapter-heading>div{font-size:16px;color:#99a0ae}
@media(max-width:1100px){.lesson-panel{gap:30px;padding:30px;grid-template-columns:.85fr 1.2fr}.lesson-workbench{padding:18px}.lesson-coach h3{font-size:32px}.guided-project{padding:0 24px}.lesson-tabs button{padding:10px 12px}.model-controls{gap:12px}.model-controls label{font-size:11px}}
@media(max-width:780px){.guide-hero{padding-bottom:65px;min-height:0}.guided-project{padding:0 14px;margin-bottom:65px;scroll-margin-top:20px}.project-intro{padding:0 10px;text-align:left}.project-intro h2{font-size:34px}.project-intro>p:not(.eyebrow){font-size:17px}.lesson-shell{border-radius:18px}.lesson-top{padding:14px 16px;gap:8px;flex-wrap:wrap;font-size:10px}.lesson-top>span:nth-child(2){display:none}.lesson-top button{font-size:11px}.lesson-tabs{padding:10px;gap:3px}.lesson-tabs button{padding:10px 12px;font-size:11px;flex:none}.lesson-panel{display:block;padding:22px 17px;min-height:0}.lesson-coach{padding:0 4px}.lesson-coach h3{font-size:32px;margin:14px 0 20px}.lesson-coach p{font-size:16px;margin-bottom:17px}.lesson-coach>a{margin:20px 0 25px}.lesson-workbench{padding:18px 14px}.lesson-bottom{padding:16px;gap:14px;flex-wrap:wrap}.lesson-bottom>span{font-size:11px}.lesson-bottom>button{font-size:12px;padding:0;text-align:left}.project-afterword{font-size:14px;padding:0 12px}.wiring-scene{min-height:265px}.learn-component{padding:11px;width:43%}.learn-component small{font-size:7px}.learn-component>b{font-size:11px}.learn-component button{font-size:10px;padding:8px 6px}.learning-feedback{padding:15px;font-size:14px;min-height:0}.learning-choices{flex-direction:column}.reading-card{padding:18px}.reading-card dl>div{gap:10px}.decision-branches{flex-direction:column}.decision-branches>div{padding:12px;text-align:left}.decision-branches small{margin-bottom:3px}.decision-branches b{font-size:13px}.state-picks button{font-size:10px}.budget-equation{font-size:19px}.duration-answer strong{font-size:62px}.evidence-design{gap:12px}.evidence-design button{font-size:11px;padding:10px}.concept-story{margin-top:28px}.concept-story h3{font-size:26px}.concept-story>p{font-size:17px}.concept-story .concept-situation{padding:18px;font-size:16px}.concept-comparison{padding:5px 18px}.concept-comparison>div{grid-template-columns:1fr;gap:6px}.concept-links{gap:12px}.reference-intro{margin-bottom:35px}.reference-intro h2{font-size:36px}.reference-intro>p:last-child{font-size:16px}.tutorial summary{font-size:18px}.model-controls{gap:13px}.model-controls label{font-size:11px}.lesson-workbench .primary{font-size:12px;min-height:44px}}
@media(max-width:780px){.lesson-panel{display:flex;flex-direction:column;gap:0}.lesson-coach{display:contents}.lesson-coach>*{order:5}.lesson-context{order:0}.lesson-coach h3{order:1}.lesson-coach .lesson-prompt{order:2}.lesson-workbench{order:3;width:100%;margin-bottom:25px}.lesson-coach>p:not(.lesson-prompt){order:4}.lesson-coach>a{order:6}.lesson-hint{align-self:flex-start}.lesson-hint-text{order:5!important}}
@media(prefers-reduced-motion:reduce){.lesson-panel,.learning-feedback,.decision-branches>div,#learning-wire{animation:none;transition:none}}
@media print{.guided-project,.reference-intro{display:none}.concept-story>p,.concept-story h3{color:black}.concept-story .concept-situation{background:#eee;color:#222}.concept-links{display:none}}