:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#122033;background:#eef4f8;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #11243a;--muted: #64748b;--line: #d9e3ea;--blue: #2563eb;--blue-dark: #1748b5;--blue-soft: #eaf1ff;--orange: #f97316;--teal: #0d8a83;--teal-dark: #086b66;--teal-soft: #e5f6f4;--sidebar: 272px;--topbar: 68px;--accent-bar-height: 3px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#eef4f8}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}.app-shell{min-height:100vh}.app-shell:before{position:fixed;z-index:40;top:0;right:0;left:0;height:var(--accent-bar-height);background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 55%,var(--blue-dark) 100%);content:""}.focus-mode.app-shell:before{background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 100%)}.topbar{position:fixed;z-index:30;top:var(--accent-bar-height);right:0;left:0;height:var(--topbar);display:grid;grid-template-columns:var(--sidebar) minmax(280px,620px) 1fr;align-items:center;gap:28px;padding:0 26px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:17px;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #a9c2f7;border-radius:9px;color:var(--blue);background:var(--blue-soft);font-size:12px;letter-spacing:.04em}.search-box{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:1px solid #cbd7e0;border-radius:8px;color:#7b8b9d;background:#f8fafc}.search-results{position:absolute;z-index:60;top:47px;right:0;left:0;overflow:hidden;border:1px solid #d4e0e9;border-radius:9px;background:#fff;box-shadow:0 18px 40px #142a4129}.search-results button{display:flex;width:100%;align-items:center;gap:10px;padding:11px 13px;color:#41556c;background:#fff;text-align:left;cursor:pointer}.search-results button:hover{color:var(--blue);background:#f3f7ff}.search-results p{margin:0;padding:13px;color:#7a899a;font-size:12px}.search-box:focus-within{border-color:#7ba5f4;box-shadow:0 0 0 3px #2563eb1a}.search-box input{width:100%;border:0;outline:0;color:var(--navy);background:transparent}kbd{padding:2px 7px;border:1px solid #d4dee6;border-radius:5px;color:#748397;background:#fff;font-size:11px;white-space:nowrap}.top-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px}.profile-menu{position:absolute;z-index:60;top:48px;right:0;display:flex;width:220px;flex-direction:column;padding:14px;border:1px solid #d4e0e9;border-radius:9px;background:#fff;box-shadow:0 18px 40px #142a4129}.profile-menu strong{color:var(--navy);font-size:13px}.profile-menu>span{margin:3px 0 13px;color:#758599;font-size:11px}.profile-menu button{display:flex;align-items:center;gap:7px;padding:9px;border-radius:6px;color:#52657a;background:#f4f7fa;cursor:pointer}.icon-button{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid #d5e0e8;border-radius:8px;color:#53657a;background:#fff;cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:#9db7d5;color:var(--blue);background:#f6f9ff}.notification>span{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1.5px solid white;border-radius:50%;background:var(--orange)}.profile-button{display:flex;align-items:center;gap:9px;margin-left:4px;padding:4px 7px 4px 5px;border-radius:9px;color:var(--navy);background:transparent;cursor:pointer}.profile-button:hover{background:#f1f5f9}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:#213b5c;font-size:11px;font-weight:800}.profile-copy{display:flex;flex-direction:column;align-items:flex-start}.profile-copy strong{font-size:13px}.profile-copy small{color:#718096;font-size:11px}.sidebar{position:fixed;z-index:20;top:calc(var(--topbar) + var(--accent-bar-height));bottom:0;left:0;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 18px 18px;border-right:1px solid var(--line);background:#fff;overflow-y:auto;transition:transform .22s ease}.progress-card{padding:15px;border:1px solid #d9e3ea;border-radius:10px;background:#f8fafc}.progress-row{display:flex;justify-content:space-between;color:#42546a;font-size:12px}.progress-row strong{color:var(--blue)}.progress-track{height:5px;margin:11px 0 8px;overflow:hidden;border-radius:6px;background:#dfe8ef}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .3s ease}.progress-card small{color:#7a8998;font-size:11px}.nav-group{margin-top:18px}.nav-group>p{margin:0 10px 9px;color:#8996a6;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.nav-item{position:relative;display:grid;grid-template-columns:21px 1fr 18px;align-items:center;gap:9px;width:100%;min-height:42px;margin:3px 0;padding:8px 10px;border-radius:7px;color:#53657a;background:transparent;text-align:left;cursor:pointer}.nav-item:before{position:absolute;top:7px;bottom:7px;left:-18px;width:3px;border-radius:0 3px 3px 0;background:var(--blue);content:"";opacity:0}.nav-item:hover{color:var(--navy);background:#f4f7fa}.nav-item.active{color:var(--blue-dark);background:var(--blue-soft);font-weight:700}.nav-item.active:before{opacity:1}.nav-item span{font-size:13px}.nav-item .lesson-number{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#edf2f6;color:#607286;font-size:10px;font-weight:800}.nav-item.active .lesson-number{background:var(--blue);color:#fff}.nav-check{color:#16a36a}.reset-button{display:flex;align-items:center;gap:8px;margin-top:auto;padding:11px 10px;border-top:1px solid #e4ebf0;color:#738196;background:transparent;font-size:12px;cursor:pointer}.reset-button:hover{color:#b42318}.main-content{min-height:100vh;margin-left:var(--sidebar);padding:calc(var(--topbar) + var(--accent-bar-height) + 27px) 36px 110px;transition:margin .22s ease}.content-frame{width:min(1120px,100%);margin:0 auto}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;color:#8795a5;font-size:12px}.breadcrumb strong{color:#42546a;font-weight:600}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:310px;overflow:hidden;border:1px solid #dce5ec;border-radius:14px;background:#fff;box-shadow:0 14px 34px #1b344e12}.hero-copy{padding:46px 46px 42px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:650px;margin:13px 0 12px;color:var(--navy);font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.045em}.hero p{max-width:610px;margin:0;color:#607188;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:7px;font-weight:750;cursor:pointer;transition:.16s ease}.button.primary{color:#fff;background:var(--blue);box-shadow:0 6px 14px #2563eb2b}.button.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button.secondary{border:1px solid #cbd8e2;color:#31455d;background:#fff}.button.secondary:hover{border-color:#9fb4c7;background:#f7fafc}.button.compact{min-width:148px;padding:0 14px}.board-diagram{display:grid;min-height:310px;place-items:center;border-left:1px solid #dce6ed;background:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px),#f4f8fc;background-size:22px 22px}.hero>.flow-diagram{min-height:310px;border-left:1px solid #dce6ed}.board-shell{position:relative;width:285px;height:188px;border:2px solid #315675;border-radius:12px;background:#e8f0e9;box-shadow:0 17px 30px #253c5026}.board-shell:before,.board-shell:after{position:absolute;top:16px;bottom:16px;width:10px;background:repeating-linear-gradient(#9eb098 0 4px,transparent 4px 9px);content:""}.board-shell:before{left:-6px}.board-shell:after{right:-6px}.board-chip{position:absolute;top:56px;left:91px;display:grid;width:102px;height:72px;place-items:center;border:2px solid #263a4b;border-radius:5px;color:#d7e6f2;background:#263a4b;font-size:10px;font-weight:800;letter-spacing:.06em}.board-display{position:absolute;top:18px;left:20px;width:108px;padding:9px 8px;border:2px solid #415a65;color:#254453;background:#bed6cf;font:700 10px ui-monospace,monospace}.board-sensor{position:absolute;display:grid;width:34px;height:34px;place-items:center;border:1px solid #688270;border-radius:5px;color:#315f53;background:#dbe8dd}.sensor-a{right:27px;top:25px}.sensor-b{left:29px;bottom:24px}.board-port{position:absolute;right:20px;bottom:21px;padding:9px 8px;border:2px solid #526575;color:#e5edf3;background:#4a5d6d;font-size:9px;font-weight:800}.trace{position:absolute;display:block;height:1px;background:#7aa082}.trace-one{top:66px;left:49px;width:43px}.trace-two{top:43px;right:61px;width:30px}.trace-three{bottom:42px;left:62px;width:29px}.section-block{padding:55px 0 24px}.section-heading,.code-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2,.concept-card h2,.code-card h2,.objective-panel h2,.simulation-modal h2{margin:5px 0 0;color:var(--navy);font-size:24px;letter-spacing:-.025em}.lesson-count{color:#76869a;font-size:12px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topic-card{min-height:222px;padding:22px;border:1px solid #d9e3eb;border-radius:11px;background:#fff;transition:.18s ease}.topic-card:hover{border-color:#a9c0d4;box-shadow:0 12px 24px #1c354e12;transform:translateY(-2px)}.topic-icon{display:grid;width:39px;height:39px;margin-bottom:18px;place-items:center;border:1px solid #bdd0fa;border-radius:8px;color:var(--blue);background:var(--blue-soft)}.topic-card>span{color:#8290a0;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.topic-card h3{margin:7px 0 9px;color:var(--navy);font-size:17px}.topic-card p,.concept-card p,.objective-panel p,.simulation-modal>p{margin:0;color:#697a8f;font-size:13px;line-height:1.65}.topic-card button,.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:0;color:var(--blue);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.concept-card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:235px;margin-top:30px;overflow:hidden;border:1px solid #c8d9e8;border-radius:12px;background:#fff}.concept-copy{padding:34px}.concept-copy p{margin-top:12px;max-width:520px}.flow-diagram{display:flex;align-items:center;justify-content:center;min-height:235px;padding:35px 28px;background:#f6f9fc}.flow-node{display:grid;min-width:72px;min-height:72px;place-items:center;padding:9px;border:1px solid #b8cce0;border-radius:9px;color:var(--blue);background:#fff;box-shadow:0 7px 14px #1d3a550f}.flow-node span{color:#40556d;font-size:10px;font-weight:750}.flow-line{position:relative;width:34px;height:1px;background:#9eb3c8}.flow-line:after{position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid #6c87a3;border-right:1px solid #6c87a3;content:"";transform:rotate(45deg)}.code-card{margin-top:30px;padding:26px;border:1px solid #d7e1e9;border-radius:12px;background:#fff}.code-card pre{margin:0;padding:22px;overflow-x:auto;border-left:3px solid var(--blue);border-radius:6px;color:#dce8f4;background:#122235;font:12px/1.75 Cascadia Code,Consolas,monospace}.code-artifact{margin-top:20px}.code-artifact-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #223b53;border-bottom:0;border-radius:9px 9px 0 0;background:#0d1c2e}.code-artifact-dot{width:9px;height:9px;border-radius:50%;background:#33475c}.code-artifact-lang{margin-left:auto;padding:2px 9px;border-radius:100px;color:#9fd8d1;background:#0d8a8338;font-size:10px;font-weight:800;letter-spacing:.08em}.code-artifact .lesson-code{margin-top:0;border-radius:0 0 9px 9px}.code-card .code-artifact-bar{margin:18px 0 0}.code-card .code-artifact-bar+pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-left:3px solid var(--teal)}.copy-button{flex:0 0 auto}.objective-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:19px;margin-top:30px;padding:25px 27px;border:1px solid #b8cef8;border-radius:12px;background:#f5f8ff}.resources-section{margin-top:52px;padding-top:4px}.resources-intro{max-width:720px;margin:-8px 0 20px;color:#687a90;font-size:13px;line-height:1.6}.exact-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #b8d7c8;border-radius:6px;color:#23734f;background:#eff9f4;font-size:11px;font-weight:750}.resource-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.resource-tabs button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 13px;border:1px solid #cfdae3;border-radius:7px;color:#52657a;background:#fff;font-size:12px;font-weight:750;cursor:pointer}.resource-tabs button:hover,.resource-tabs button.active{border-color:#94b3ef;color:var(--blue);background:var(--blue-soft)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resource-card{min-height:174px;padding:21px;border:1px solid #d8e2e9;border-radius:10px;color:inherit;background:#fff;text-decoration:none;transition:.17s ease}.resource-card:hover{border-color:#9db8d1;box-shadow:0 10px 22px #1c354e12;transform:translateY(-2px)}.resource-card>span{color:#7d8b9c;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.resource-card h3{margin:8px 0;color:var(--navy);font-size:16px}.resource-card p{margin:0;color:#6b7b8f;font-size:12px;line-height:1.6}.resource-card strong{display:inline-flex;align-items:center;gap:6px;margin-top:17px;color:var(--blue);font-size:12px}.paper-status{display:flex;align-items:center;gap:8px;margin:15px 0 0;padding:12px 14px;border-left:3px solid #9badbd;color:#65768a;background:#f5f8fa;font-size:12px}.objective-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:9px;color:var(--blue);background:#e2ebff}.floating-actions{position:fixed;z-index:25;right:24px;bottom:22px;display:flex;gap:9px}.fab{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 14px;border:1px solid #cbd7e0;border-radius:8px;color:#40546b;background:#fffffff5;box-shadow:0 8px 22px #1e364e1f;font-size:12px;font-weight:750;cursor:pointer}.primary-fab{border-color:#1f55cd;color:#fff;background:var(--blue)}.focus-mode .sidebar{transform:translate(-100%)}.focus-mode .main-content{margin-left:0}.focus-mode .topbar{grid-template-columns:minmax(280px,620px) 1fr}.focus-mode .brand{display:none}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f1d2d7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simulation-modal{position:relative;width:min(520px,100%);padding:32px;border:1px solid #d8e2ea;border-radius:13px;background:#fff;box-shadow:0 24px 60px #0e213540}.modal-close{position:absolute;top:18px;right:18px}.simulation-modal>p{margin-top:10px}.simulation-timeline{display:grid;gap:8px;margin-top:25px}.simulation-row{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:11px;min-height:58px;padding:9px 12px;border:1px solid #e1e8ed;border-radius:8px;opacity:.35;transform:translateY(5px);transition:.3s ease}.simulation-row.visible{border-color:#b7cdf5;background:#f6f9ff;opacity:1;transform:none}.simulation-row>div{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;color:var(--blue);background:#e6edff}.simulation-row>span{display:flex;flex-direction:column}.simulation-row strong{color:var(--navy);font-size:12px}.simulation-row small{margin-top:3px;color:#718095}.simulation-row>svg:last-child{color:#149562}.help-modal{width:min(480px,100%)}.help-tip{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:11px;margin-top:10px;padding:12px;border:1px solid #dde6ed;border-radius:8px;color:var(--blue);background:#f7faff}.help-tip:first-of-type{margin-top:24px}.help-tip span{display:flex;flex-direction:column;color:var(--navy);font-size:12px}.help-tip small{margin-top:3px;color:#728297;line-height:1.45}.track-overview.hidden{display:none}.lesson-page{padding-bottom:30px}.lesson-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:8px 0;color:var(--blue);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.lesson-header{position:relative;padding:42px;overflow:hidden;border:1px solid #d8e3eb;border-radius:13px;background:#fff;box-shadow:0 12px 30px #1b344e0f}.lesson-header:before{position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 100%);content:""}.lesson-header h1{margin:12px 0 10px;color:var(--navy);font-size:clamp(32px,5vw,48px);letter-spacing:-.04em}.lesson-header>p,.lesson-content-section>p{max-width:800px;margin:0;color:#65778d;line-height:1.7}.lesson-hardware{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-top:25px;padding:14px;border:1px solid #a9d8d4;border-radius:8px;color:var(--teal);background:var(--teal-soft)}.lesson-hardware svg{color:var(--teal-dark)}.lesson-hardware span{display:flex;flex-direction:column}.lesson-hardware strong{display:inline-flex;align-items:center;gap:7px;color:var(--navy);font-size:12px;letter-spacing:.02em}.lesson-hardware strong:before{display:inline-block;padding:1px 7px;border-radius:100px;color:#fff;background:var(--teal-dark);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;content:"Hardware"}.lesson-hardware small{margin-top:3px;color:#4c6b68;line-height:1.45}.lesson-content-section{margin-top:20px;padding:30px;border:1px solid #dbe4eb;border-radius:11px;background:#fff}.lesson-content-section h2{margin:6px 0 13px;color:var(--navy);font-size:23px}.concept-list{display:grid;gap:10px}.concept-list>div{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:11px;padding:13px;border:1px solid #e0e8ee;border-radius:8px;background:#f8fafc}.concept-list span,.step-toggle{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--blue);background:var(--blue-soft);font-size:11px;font-weight:800}.step-toggle{position:relative;z-index:1;border:0;cursor:pointer;box-shadow:0 0 0 4px #fff}.concept-list p{margin:3px 0 0;color:#5f7187;font-size:13px;line-height:1.55}.full-lesson-steps{position:relative;display:grid;margin:0;padding:0 0 0 4px;list-style:none}.full-lesson-steps:before{position:absolute;top:22px;bottom:34px;left:18px;width:2px;background:linear-gradient(180deg,var(--teal) 0%,var(--blue-soft) 92%);content:""}.full-lesson-steps li{position:relative;display:grid;grid-template-columns:36px 1fr;gap:13px;padding:18px 0 26px}.full-lesson-steps li:last-child{padding-bottom:18px}.full-lesson-steps strong{color:var(--navy);font-size:14px}.full-lesson-steps p{margin:5px 0 0;color:#67798e;font-size:13px;line-height:1.6}.full-lesson-steps p code,.step-result code{padding:1px 5px;border-radius:4px;color:var(--blue-dark);background:#eaf1f7;font-size:.92em}.full-lesson-steps a{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:var(--blue);font-size:12px;font-weight:750;text-decoration:none}.full-lesson-steps a:hover{text-decoration:underline}.full-lesson-steps li>div>p:first-of-type{padding:12px 13px;border:1px solid #d7e0ea;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:#f6f9fd}.step-result{display:grid;grid-template-columns:20px 1fr;gap:8px;margin-top:10px;padding:11px 12px;border-radius:0 7px 7px 0;font-size:12px;line-height:1.55}.step-result svg{margin-top:2px}.step-result strong{font-size:inherit}.expected-result{border:1px solid #b7d5c6;border-left:3px solid #1a9a68;color:#486a5b;background:#f1faf5}.expected-result svg,.expected-result strong{color:#208158}.recovery-result{border:1px solid #ecd18a;border-left:3px solid #c98a00;color:#725f2d;background:#fff9e8}.recovery-result svg,.recovery-result strong{color:#9b6c00}.full-lesson-steps li.completed{opacity:.68}.full-lesson-steps li.completed .step-toggle{color:#fff;background:#1a9a68}.lesson-bullet-list{display:grid;gap:10px;margin:0;padding-left:22px;color:#5f7187;font-size:13px;line-height:1.65}.lesson-time{margin-top:14px!important;padding:12px 14px;border-left:3px solid var(--blue);background:#f3f7ff}.lesson-time strong{color:var(--navy)}.lesson-prose-list{display:grid;gap:12px}.lesson-prose-list p{margin:0;color:#5f7187;font-size:14px;line-height:1.7}.lesson-glossary,.project-file-list,.code-walkthrough{display:grid;gap:10px;margin:0}.lesson-glossary>div,.project-file-list>div{padding:14px 16px;border:1px solid #dde6ed;border-radius:8px;background:#f8fafc}.lesson-glossary dt{color:var(--navy);font-size:13px;font-weight:800}.lesson-glossary dd,.project-file-list p{margin:5px 0 0;color:#607287;font-size:13px;line-height:1.6}.project-file-list code{color:var(--blue-dark);font-size:12px;font-weight:750;overflow-wrap:anywhere}.lesson-subheading{margin:24px 0 0;color:var(--navy);font-size:16px}.compact-code{max-height:none;margin-top:10px}.code-walkthrough>div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:15px;border:1px solid #dde6ed;border-radius:8px;background:#f8fafc}.code-walkthrough>div>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:var(--blue);background:var(--blue-soft);font-size:11px;font-weight:800}.code-walkthrough strong{color:var(--navy);font-size:13px}.code-walkthrough p{margin:5px 0 0;color:#607287;font-size:13px;line-height:1.6}.lesson-code{max-height:620px;margin:20px 0 0;padding:22px;overflow:auto;border-radius:9px;color:#dce8f5;background:#102235;font-size:12px;line-height:1.65}.lesson-test-table,.troubleshooting-list{display:grid;gap:10px}.lesson-test-table>div{display:grid;grid-template-columns:30px 1fr;gap:3px 12px;padding:15px;border:1px solid #dde6ed;border-radius:8px;background:#f8fafc}.lesson-test-table>div>span{grid-row:1 / 3;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:var(--blue);background:var(--blue-soft);font-size:11px;font-weight:800}.lesson-test-table p{margin:0;color:#607287;font-size:13px;line-height:1.55}.lesson-test-table strong{color:var(--navy)}.troubleshooting-list details{padding:14px 16px;border:1px solid #dde6ed;border-radius:8px;background:#f8fafc}.troubleshooting-list summary{color:var(--navy);font-size:13px;font-weight:750;cursor:pointer}.troubleshooting-list p{margin:10px 0 0;color:#607287;font-size:13px;line-height:1.6}.lesson-safety-note{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;margin-top:20px;padding:23px 27px;border:1px solid #e5c76a;border-radius:11px;color:#9b6c00;background:#fff9e8}.lesson-safety-note p{margin:5px 0 0;color:#725f2d;line-height:1.6}.lesson-checkpoint{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;margin-top:24px;padding:25px 27px 25px 30px;border:1px solid #b7d5c6;border-radius:11px;color:#208158;background:#f1faf5;box-shadow:0 14px 30px #1478551f}.lesson-checkpoint:before{position:absolute;top:10px;bottom:10px;left:0;width:4px;border-radius:4px;background:#1a9a68;content:""}.lesson-checkpoint .section-kicker{color:#1a9a68}.lesson-checkpoint p{margin:5px 0 0;color:#486a5b;font-weight:600;line-height:1.55}.lesson-footer-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}@media(max-width:1040px){:root{--sidebar: 235px}.topbar{grid-template-columns:var(--sidebar) minmax(220px,1fr) auto;gap:16px}.profile-copy{display:none}.hero-copy{padding:38px 32px}.topic-grid,.resource-grid{grid-template-columns:1fr}.topic-card{min-height:auto}.flow-node{min-width:62px}}@media(max-width:760px){:root{--topbar: 62px}.topbar{grid-template-columns:1fr auto;padding:0 16px}.search-box{display:none}.top-actions .icon-button:first-child,.profile-button svg,.profile-copy{display:none}.sidebar{position:static;width:auto;min-height:auto;margin-top:calc(var(--topbar) + var(--accent-bar-height));padding:15px;border-right:0;border-bottom:1px solid var(--line)}.progress-card{display:none}.nav-group{display:flex;gap:7px;margin:0 0 8px;overflow-x:auto}.nav-group>p,.reset-button{display:none}.nav-item{display:inline-flex;width:auto;min-width:max-content;min-height:38px;margin:0}.nav-item:before{display:none}.nav-check{display:none}.main-content{margin-left:0;padding:22px 16px 100px}.lesson-header,.lesson-content-section{padding:24px}.hero,.concept-card{grid-template-columns:1fr}.hero-copy{padding:31px 24px}.hero h1{font-size:37px}.board-diagram{min-height:250px;border-top:1px solid #dce6ed;border-left:0}.hero>.flow-diagram{min-height:240px;border-top:1px solid #dce6ed;border-left:0}.board-shell{transform:scale(.88)}.concept-copy{padding:27px 24px}.flow-diagram{min-height:190px;overflow-x:auto}.objective-panel{grid-template-columns:auto 1fr}.resources-section .section-heading{align-items:flex-start;flex-direction:column}.objective-panel .button{grid-column:1 / -1}.floating-actions{right:14px;bottom:14px}.focus-mode .sidebar{display:none}.full-lesson-steps{padding-left:0}.code-artifact-bar{padding:8px 10px}}@media(max-width:480px){.brand>span:last-child{font-size:15px}.top-actions .notification{display:none}.hero-actions .button{width:100%}.flow-diagram{justify-content:flex-start}.flow-node{min-width:58px;min-height:64px}.flow-line{width:21px}.code-card{padding:20px 16px}.objective-panel{grid-template-columns:1fr}.objective-icon{display:none}.lesson-footer-actions{flex-direction:column-reverse}.lesson-footer-actions .button{width:100%}.fab{width:42px;padding:0;justify-content:center;font-size:0}}