@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--bg:#0d0c18;--surface:#141321;--raised:#1b192b;--line:#2b293e;--text:#f5f2ff;--muted:#aaa7bd;--pink:#ef8cde;--mint:#8de5cc;--purple:#ada2f6;--amber:#edca8a;--shadow:0 18px 60px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f6fb;--surface:#fff;--raised:#efedf8;--line:#dedbea;--text:#242137;--muted:#68637c;--pink:#9f287f;--mint:#16765f;--purple:#6550b6;--amber:#855d15;--shadow:0 18px 60px #342b5110;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.65 DM Sans,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}a{color:var(--purple);text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible){outline:2px solid var(--mint);outline-offset:4px}button{background:0 0;border:none}h1,h2,h3,h4{letter-spacing:-.035em;margin:0 0 16px;font-family:Manrope,sans-serif;line-height:1.25}h1{font-size:42px;font-weight:750}h2{font-size:26px}h3{font-size:19px}p{color:var(--muted);margin:0 0 18px}small{color:var(--muted);font-size:12px}svg{flex-shrink:0}input,textarea,select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:9px;min-width:0;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}progress{background:var(--line);border:none;border-radius:10px;width:100%;height:5px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--mint);border-radius:10px}progress::-moz-progress-bar{background:var(--mint)}.app-shell{min-height:100vh}.sidebar{z-index:30;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;width:236px;padding:31px 19px 22px;display:flex;position:fixed;top:0;bottom:0}.brand{color:var(--text);letter-spacing:-1px;align-items:center;gap:12px;margin:0 10px 50px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;line-height:1;display:flex}.brand-icon{background:var(--pink);color:#241229;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;transform:rotate(-5deg)}.brand-sub{letter-spacing:4px;color:var(--muted);margin-top:5px;font:600 9px/1.8 DM Sans,sans-serif;display:block}.nav-label{color:var(--muted);letter-spacing:1.8px;margin-bottom:13px;padding:0 14px;font-size:10px;font-weight:700}nav{gap:6px;display:grid}nav button{text-align:left;color:var(--muted);border-radius:9px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;font-weight:550;display:flex}nav button:hover{background:var(--raised);color:var(--text)}nav button.active{background:color-mix(in srgb,var(--pink) 11%,transparent);color:var(--pink)}.nav-tag{letter-spacing:1px;background:color-mix(in srgb,var(--mint) 10%,transparent);color:var(--mint);border-radius:4px;margin-left:auto;padding:2px 5px;font-size:8px;font-weight:750}.sidebar-bottom{margin-top:auto;padding-top:30px}.side-progress{background:var(--raised);border:1px solid var(--line);border-radius:12px;margin-bottom:20px;padding:16px}.side-progress svg{color:var(--purple);margin-bottom:8px}.side-progress strong{font-size:12px;display:block}.side-progress p{margin:5px 0 11px;font-size:11px}.nav-secondary{width:100%;color:var(--muted);text-align:left;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.side-links{border-top:1px solid var(--line);justify-content:space-between;margin-top:17px;padding-top:18px;font-size:10px;display:flex}.sidebar-bottom>small{text-align:center;opacity:.7;margin-top:18px;font-size:10px;display:block}.workspace{margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:22px;height:80px;padding:0 38px;display:flex;position:sticky;top:0}.global-search{max-width:520px;color:var(--muted);flex:1;align-items:center;gap:12px;display:flex}.global-search input{background:0 0;border:0;flex:1;min-width:50px;padding:10px 0;font-size:12px}.global-search kbd{border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:10px}.top-status{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.pulse{background:var(--mint);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 8%,transparent);border-radius:50%;flex-shrink:0;display:inline-block}.avatar{border:1px solid var(--line);background:var(--raised);border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.icon-button{min-width:32px;min-height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--raised);color:var(--text)}main{max-width:1470px;margin:auto;padding:26px 38px 0}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:26px;font-size:10px;display:flex}.breadcrumbs button{color:var(--muted);padding:0}.breadcrumbs span{color:var(--text)}.hero{background:radial-gradient(ellipse at 85% 60%,#37234466,transparent 65%),var(--surface);border:1px solid var(--line);border-radius:19px;grid-template-columns:1.05fr 1fr;gap:20px;min-height:377px;padding:42px 36px 32px;display:grid;position:relative;overflow:hidden}.hero .eyebrow{letter-spacing:1.6px;color:var(--mint);align-items:center;gap:10px;font-size:9px;display:flex}.hero h1{letter-spacing:-2px;margin:22px 0 19px;font-size:clamp(32px,3.35vw,51px);line-height:1.16}.hero em{color:var(--pink);font-style:normal}.hero-copy>p{max-width:355px;margin-bottom:24px;font-size:12px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:12px 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--pink);color:#211526;border:1px solid var(--pink)}.primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.secondary:hover{border-color:var(--purple)}.hero-stats{color:var(--muted);gap:23px;margin-top:30px;font-size:9px;display:flex}.hero-stats strong{color:var(--text);margin-right:4px;font-size:14px;font-weight:750}.hero-visual{flex-direction:column;justify-content:center;gap:22px;min-width:0;display:flex;position:relative}.network-badge{background:var(--raised);border:1px solid var(--line);color:var(--purple);z-index:2;border-radius:9px;align-self:center;align-items:center;gap:10px;padding:9px 14px;font-size:10px;display:flex}.orb{pointer-events:none;border:1px solid #8e63b022;border-radius:50%;width:330px;height:330px;position:absolute;left:calc(50% - 165px)}.orb.two{width:240px;height:240px;left:calc(50% - 120px)}.hero-visual .diagram{z-index:2;background:color-mix(in srgb,var(--bg) 75%,transparent);border-color:#5e426b77;padding:19px 15px;box-shadow:0 20px 60px #09031044}.hero-visual .diagram>.eyebrow{display:none}.diagram{background:var(--raised);border:1px solid var(--line);border-radius:13px;margin:12px 0 20px;padding:24px}.network-diagram{align-items:stretch;margin:15px 0 22px;display:flex}.network-segment{flex:1;align-items:center;min-width:0;display:flex}.network-segment:last-child{flex:.8}.network-node{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:11px;min-height:90px;padding:17px 7px;display:flex}.network-node.selected{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,var(--surface));color:var(--mint)}.network-node strong{text-align:center;font-size:9px;font-weight:550}.network-node svg{width:23px;height:23px}.connector{width:25px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:7px;display:flex;position:relative}.connector:before{content:"";background:var(--line);width:100%;height:1px;position:absolute}.connector svg{z-index:1;background:var(--surface)}.diagram-description{align-items:flex-start;gap:9px;min-height:36px;margin:0 0 5px;font-size:11px;line-height:1.6;display:flex}.diagram-description .pulse{margin-top:5px}.diagram small{font-size:9px}.node-number{font-size:20px;font-weight:700}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:36px 0 20px;display:flex}.section-heading h2{margin:7px 0 0;font-size:23px}.eyebrow{color:var(--purple);letter-spacing:1.8px;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.text-button{color:var(--purple);align-items:center;gap:8px;padding:5px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--pink)}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.quick-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.quick-card:hover,.module-card:hover,.fix-card:hover,.scenario-card:hover{border-color:var(--purple);transform:translateY(-3px)}.quick-icon{width:37px;height:37px;color:var(--purple);background:#b19aff16;border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.quick-icon.q1{color:var(--mint);background:#8de5cc15}.quick-icon.q2{color:var(--pink);background:#ef8cde15}.quick-icon.q3{color:var(--amber);background:#edca8a15}.quick-icon svg{width:19px}.quick-card strong{margin-bottom:15px;font:650 13px Manrope,sans-serif}.quick-card>span:last-child{width:100%;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.home-lower{grid-template-columns:1.15fr 1fr;gap:20px;margin-top:28px;display:grid}.continue-panel,.practice-promo{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:28px;position:relative}.continue-panel{background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),var(--surface))}.continue-panel h2,.practice-promo h2{margin:15px 0;font-size:24px}.continue-panel p,.practice-promo p{max-width:350px;font-size:12px}.practice-promo .icon-box{float:right}.icon-box{background:color-mix(in srgb,var(--purple) 10%,transparent);width:42px;height:42px;color:var(--purple);border-radius:11px;place-items:center;display:grid}.page-intro{max-width:800px;margin:24px 0 30px}.page-intro h1{margin:14px 0;font-size:37px}.page-intro p{max-width:650px;font-size:14px}.pathway{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:20px;margin-bottom:24px;padding:0 0 23px;font-size:11px;display:flex}.pathway .selected{color:var(--mint)}.filter-row{flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0;display:flex}.filter-row button{border:1px solid var(--line);color:var(--muted);border-radius:25px;padding:7px 15px;font-size:11px}.filter-row button.selected{color:var(--pink);border-color:var(--pink);background:color-mix(in srgb,var(--pink) 7%,transparent)}.filter-row>span{color:var(--muted);margin-left:auto;font-size:11px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.module-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;min-width:0;padding:21px;display:flex}.module-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.module-top>.muted{opacity:.5;font-family:Manrope,sans-serif;font-size:20px}.module-card>.eyebrow{letter-spacing:1.1px;margin-bottom:11px;font-size:8px}.module-card h3{min-height:40px;font-size:16px}.module-card p{flex:1;font-size:11px}.module-bottom{color:var(--muted);justify-content:space-between;margin:15px 0 12px;font-size:10px;display:flex}.module-progress{align-items:center;gap:20px;margin:15px 0 30px;display:flex}.module-progress progress{max-width:400px}.module-progress span{color:var(--muted);font-size:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lesson-card,.fix-card,.scenario-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:25px;display:flex;position:relative}.lesson-card>.eyebrow{margin:0 25px 20px 0;font-size:8px}.card-title{text-align:left;letter-spacing:-.5px;margin-bottom:13px;padding:0;font:700 18px/1.35 Manrope,sans-serif}.card-title:hover{color:var(--pink)}.lesson-card p,.fix-card p,.scenario-card p{flex:1;font-size:12px}.card-bottom{width:100%;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:10px;display:flex}.bookmark{color:var(--muted);padding:5px;position:absolute;top:18px;right:16px}.bookmark.active{color:var(--pink)}.arrow-button{color:var(--purple);padding:6px}.badge{background:color-mix(in srgb,var(--purple) 10%,transparent);color:var(--purple);border-radius:5px;padding:4px 8px;font-size:9px;line-height:1.5;display:inline-block}.badge.warn{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent)}.badge.good{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}.lesson-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lesson-toolbar>div{align-items:center;gap:12px;display:flex}.lesson-layout{grid-template-columns:minmax(0,1fr) 235px;gap:36px;display:grid}.lesson-main{min-width:0}.lesson-main h1{margin:18px 0;font-size:37px}.lead{font-size:17px;line-height:1.7}.notice{border:1px solid var(--line);background:var(--surface);color:var(--purple);border-radius:10px;align-items:flex-start;gap:13px;margin:20px 0;padding:17px;display:flex}.notice p{margin:4px 0 0;font-size:12px;line-height:1.7}.notice strong{color:var(--text);font-size:12px}.notice svg{margin-top:2px}.notice.amber{border-color:color-mix(in srgb,var(--amber) 30%,var(--line));background:color-mix(in srgb,var(--amber) 4%,var(--surface));color:var(--amber)}.notice>div{min-width:0}.notice details summary{color:var(--amber);margin-top:10px;font-size:11px}.comparison{grid-template-columns:1fr 1fr;gap:18px;margin:15px 0;display:grid}.comparison p{background:var(--surface);border-radius:7px;padding:12px}.comparison b{color:var(--text);margin-bottom:8px;display:block}.lesson-section{margin:35px 0}.lesson-section h2{margin:12px 0;font-size:24px}.muted{color:var(--muted)}.lesson-section>.muted{font-size:12px}.checklist{gap:10px;margin:20px 0;display:grid}.checklist label{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:flex-start;gap:13px;padding:17px;font-size:13px;display:flex}.checklist input{accent-color:var(--mint);flex-shrink:0;width:16px;height:16px;margin:4px 0 0}.checklist .step-num{color:var(--purple);padding-top:2px;font-size:11px}.checklist .checked{border-color:color-mix(in srgb,var(--mint) 40%,var(--line));background:color-mix(in srgb,var(--mint) 4%,var(--surface))}.lesson-aside{padding-top:5px}.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:17px;padding:21px}.aside-card .eyebrow{margin-bottom:16px;font-size:9px}.aside-card p{font-size:12px}.aside-card a{margin-bottom:14px;font-size:12px;display:block}.aside-card button{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;width:100%;padding:12px 0;font-size:12px;display:flex}.aside-card details{border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.aside-card details p{margin-top:10px}.table-scroll{border:1px solid var(--line);border-radius:10px;margin:20px 0;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{background:var(--raised);color:var(--purple);font-weight:600}td,th{border-bottom:1px solid var(--line);min-width:110px;padding:12px 16px}td{color:var(--muted)}.step-flow{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:23px 0;display:grid}.step-flow>div{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:15px}.step-flow span{color:var(--mint);font-size:12px}.step-flow p{margin:8px 0 0;font-size:12px}.inline-search,.local-search{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:13px;margin:20px 0;padding:3px 14px;display:flex}.inline-search input,.local-search input{background:0 0;border:0;flex:1}.local-search{max-width:800px;margin:25px 0 30px;padding:7px 18px}.explanations>details{border-bottom:1px solid var(--line);padding:17px 0}.explanations summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;display:flex}.explanations summary span{color:var(--purple)}.explanations details[open] summary{color:var(--pink);margin-bottom:20px}.explanations p,.explanations li{color:var(--muted);font-size:13px;line-height:1.8}.explanations h3{margin-top:25px}.explanations li{margin-bottom:10px}summary{cursor:pointer}.quiz{border:1px solid color-mix(in srgb,var(--purple) 30%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),var(--surface));border-radius:14px;margin:30px 0;padding:27px}.quiz h3{margin:18px 0}.answers{gap:11px;display:grid}.answers button{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:15px 16px;font-size:13px;line-height:1.6;display:flex}.answers button span{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:5px;flex-shrink:0;place-items:center;font-size:10px;display:grid}.answers button:not(:disabled):hover{border-color:var(--purple)}.answers button.correct{border-color:var(--mint);color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,var(--bg));opacity:1}.answers button.incorrect{border-color:var(--pink);color:var(--pink);opacity:1}.feedback{background:var(--raised);color:var(--muted);border-radius:8px;margin-top:20px;padding:17px;font-size:13px}.feedback strong{color:var(--text)}.feedback p{margin:10px 0 16px}.feedback>.text-button{margin-top:10px;display:block}.scenario-inline{border-left:3px solid var(--pink);background:var(--surface);border-radius:0 12px 12px 0;margin:30px 0;padding:25px}.scenario-inline h3{margin:16px 0}.scenario-inline p{font-size:13px}.fix-card .icon-box{margin-bottom:20px}.fix-card h3{font-size:18px}.fix-layout{grid-template-columns:minmax(0,1fr) 340px;gap:30px;display:grid}.fix-fields{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-bottom:24px}.fix-fields section{border-bottom:1px solid var(--line);gap:20px;padding:24px;display:flex}.fix-fields section:last-child{border-bottom:0}.fix-fields h3{margin:0;font-size:17px}.fix-fields ul{color:var(--muted);margin-bottom:0;padding-left:17px;font-size:13px}.fix-fields li{margin:10px 0}.step-label{color:var(--mint);padding-top:3px;font-size:10px;font-weight:700}.tree{border:1px solid color-mix(in srgb,var(--purple) 40%,var(--line));background:var(--raised);border-radius:13px;padding:25px;position:sticky;top:105px}.tree h3{margin:24px 0 20px}.tree p{font-size:13px}.tree-track{gap:9px;margin-top:22px;display:flex}.tree-track span{background:var(--surface);width:23px;height:23px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.tree-track span.current{background:var(--purple);color:var(--bg)}.tree-option{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:13px;font-size:12px;display:flex}.tree-option:hover{border-color:var(--mint)}.tree>.button-row{margin-top:20px}.related-strip{flex-direction:column;align-items:flex-start;gap:8px;margin:25px 0;display:flex}.scenario-card .card-bottom:first-child{margin:0 0 25px}.assessment-banner{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding:30px;display:flex}.assessment-banner h2{margin-top:13px}.assessment-banner p{max-width:500px;margin:0;font-size:12px}.practice-layout{grid-template-columns:310px 1fr;gap:25px;display:grid}.engineer-chat{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-self:start;padding:25px}.chat-person{align-items:center;gap:12px;font-size:12px;display:flex}.chat-person small{font-size:10px;display:block}.chat-bubble{background:var(--raised);border-radius:0 12px 12px;margin:25px 0;padding:20px;font-size:15px}.engineer-chat>p{margin:0;font-size:11px}.practice-stage{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:30px}.practice-stage h2{margin-top:20px}.score-circle{border:5px solid var(--mint);width:130px;height:130px;color:var(--mint);border-radius:50%;justify-content:center;align-items:center;margin:20px 0 25px;font:700 40px Manrope,sans-serif;display:flex}.score-circle small{color:var(--mint);font-size:20px}.assessment{max-width:800px}.assessment-review{border-bottom:1px solid var(--line);padding:20px;font-size:13px}.assessment-review p{margin:10px 0}.stats-row{grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px}.stat span{color:var(--muted);font-size:11px}.stat strong{color:var(--mint);margin-top:12px;font:700 32px Manrope,sans-serif;display:block}.import-label{cursor:pointer}.import-label input{display:none}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;margin:15px 0;padding:35px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0 35px;display:grid}.reference-grid details{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-self:start;padding:18px}.reference-grid summary{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.reference-grid p{margin:15px 0 0;font-size:12px}.review-entry{margin-bottom:26px}.review-entry .notice{margin-bottom:6px}.gap-entry{border-bottom:1px solid var(--line);padding:18px;font-size:13px}.gap-entry p{margin-top:14px}.editor-layout{grid-template-columns:240px 1fr;gap:30px;display:grid}.editor-layout label{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.editor-layout aside{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:start;padding:20px}.editor-layout aside p{margin:20px 0 0;font-size:11px}.editor-form{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:25px}.editor-form textarea{resize:vertical;width:100%;font-size:12px}.editor-form details{margin:25px 0;font-size:12px}.editor-form details p{margin:15px 0}.editor-form details textarea{font-family:monospace}.editor-form details button{margin-top:12px}.search-results{z-index:40;background:var(--raised);border:1px solid var(--line);width:calc(100vw - 315px);max-width:650px;max-height:75vh;box-shadow:var(--shadow);border-radius:12px;padding:12px;position:fixed;top:72px;left:274px;overflow:auto}.section-label{color:var(--muted);padding:9px 12px;font-size:11px}.search-results>button{text-align:left;border-radius:8px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.search-results>button:hover{background:var(--surface)}.search-results strong{font-size:12px;display:block}.search-results small{margin-top:3px;font-size:10px;display:block}.search-results>button>svg{margin-left:auto}.result-icon{color:var(--purple);background:var(--surface);border-radius:8px;padding:10px;display:flex}.result-icon.fix{color:var(--mint)}.search-results>p{padding:15px;font-size:12px}.toast{background:var(--raised);border:1px solid var(--purple);box-shadow:var(--shadow);z-index:80;border-radius:10px;align-items:center;gap:20px;max-width:calc(100vw - 40px);padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:22px;left:calc(50% + 118px);transform:translate(-50%)}footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:20px;margin-top:55px;padding:25px 0;font-size:10px;display:flex}footer>span:first-child{color:var(--text);font-weight:750}footer small{margin-left:auto;font-size:9px}.mobile-menu{display:none}.skip{z-index:100;background:var(--mint);color:#111;padding:10px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.scrim{display:none}.certificate{border:1px solid var(--mint);text-align:center;border-radius:15px;margin-top:30px;padding:40px}.certificate .primary{margin:25px auto 0;display:flex}@media (min-width:1600px){.hero h1{font-size:54px}.hero{min-height:410px}.network-node strong{font-size:11px}.network-node{min-height:105px}.hero-copy>p{max-width:430px;font-size:14px}.hero .eyebrow{font-size:10px}.hero-stats{font-size:11px}.quick-card strong{font-size:15px}}@media (max-width:1250px){.sidebar{width:210px;padding:27px 14px}.workspace{margin-left:210px}.topbar{gap:15px;padding:0 26px}main{padding:25px 26px 0}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:15px;padding:30px 25px}.hero h1{font-size:37px}.hero .button-row{gap:10px}.hero .primary,.hero .secondary{padding:11px 12px;font-size:10px}.hero-stats{gap:14px}.hero-visual .diagram{padding:15px 10px}.network-node{padding:12px 5px}.connector{width:19px}.lesson-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.fix-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.search-results{left:236px}.toast{left:calc(50% + 105px)}}@media (max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.hero h1{font-size:43px}.hero-copy>p{max-width:520px}.hero-stats{margin-top:25px}.quick-grid{grid-template-columns:repeat(2,1fr)}.cards,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-status{display:none}.global-search{max-width:none}.home-lower,.lesson-layout{grid-template-columns:1fr}.lesson-aside{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.fix-layout{grid-template-columns:1fr}.fix-layout aside{grid-row:1}.tree{position:static}.practice-layout{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.assessment-banner{flex-direction:column;align-items:flex-start}.pathway{gap:12px;font-size:10px}.search-results{width:calc(100vw - 270px)}}@media (max-width:760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.topbar{gap:12px;height:65px;padding:0 18px}.mobile-menu{display:flex}.topbar .avatar,.global-search kbd{display:none}.global-search input{font-size:11px}.scrim{z-index:25;background:#0009;display:block;position:fixed;inset:0}main{padding:20px 20px 0}.breadcrumbs{margin-bottom:20px}.hero{min-height:0;padding:27px 23px}.hero h1{letter-spacing:-1.4px;font-size:37px}.hero .eyebrow{letter-spacing:1px;font-size:8px}.hero-stats{flex-wrap:wrap;gap:12px}.hero-stats span{font-size:9px}.hero-stats strong{font-size:12px}.hero .primary,.hero .secondary{font-size:11px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}.section-heading h2{font-size:22px}.quick-grid{gap:12px}.quick-card{padding:17px}.quick-card strong{font-size:12px}.quick-card>span:last-child{font-size:9px}.home-lower{gap:15px}.page-intro h1{font-size:30px}.page-intro p{font-size:13px}.page-intro{margin-top:20px}.pathway{white-space:nowrap;gap:12px;padding-bottom:16px;overflow:auto}.module-grid{gap:12px}.module-card{padding:17px}.module-card h3{font-size:15px}.module-top{margin-bottom:18px}.filter-row>span{width:100%;margin:5px 0 0}.cards{grid-template-columns:1fr}.lesson-main h1{font-size:31px}.lead{font-size:15px}.lesson-aside{grid-template-columns:1fr}.lesson-toolbar{align-items:flex-start;gap:15px}.lesson-toolbar>div{gap:4px}.lesson-toolbar .text-button{font-size:10px}.comparison{grid-template-columns:1fr}.diagram{padding:15px}.network-node strong{font-size:8px}.network-node svg{width:20px}.network-node{min-height:85px}.network-diagram{margin-top:20px}.connector{width:18px}.checklist label{gap:10px;padding:14px;font-size:12px}.quiz{padding:20px}.answers button{padding:13px;font-size:12px}.fix-fields section{gap:14px;padding:20px}.practice-stage{padding:22px}.stats-row{gap:12px}.stat{padding:20px}.stat strong{font-size:27px}.reference-grid{grid-template-columns:1fr}.search-results{width:calc(100vw - 24px);top:59px;left:12px}.toast{width:max-content;max-width:calc(100vw - 30px);left:50%}footer{flex-wrap:wrap;gap:10px;padding-bottom:25px}footer small{width:100%;margin-left:0}.editor-form{padding:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.topbar,.breadcrumbs,.toast,footer,main>:not(.certificate){display:none!important}.workspace{margin:0}.certificate{color:#111;background:#fff;border:2px solid #333;display:block!important}.certificate button{display:none}body{color:#111;background:#fff}}.step-explorer{border:1px solid var(--line);background:var(--raised);border-radius:12px;margin:26px 0;padding:23px}.step-track{flex-wrap:wrap;gap:9px;margin:21px 0;display:flex}.step-track button{color:var(--muted);align-items:center;gap:9px;padding:0;display:flex}.step-track button>span{background:var(--surface);border:1px solid var(--line);border-radius:9px;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.step-track button.active>span{background:color-mix(in srgb,var(--mint) 12%,var(--surface));border-color:var(--mint);color:var(--mint)}.step-explorer>p{min-height:44px;font-size:13px}.step-explorer .button-row{justify-content:space-between}.summary-points{color:var(--muted);padding-left:18px;font-size:13px}.summary-points li{margin-bottom:12px}.content-image{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:12px;margin:25px 0;padding:20px}.content-image img{object-fit:contain;max-width:100%;max-height:400px}.content-image figcaption{color:var(--muted);margin-top:12px;font-size:11px}.overview-intro{max-width:760px;margin:8px 0 28px}.overview-intro h1{margin:12px 0;font-size:clamp(29px,3vw,42px)}.overview-intro p{max-width:650px;margin:0;font-size:14px}.overview-routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.route-card{--accent:var(--mint);text-align:left;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;padding:25px;display:flex}.route-card.learn{--accent:var(--pink)}.route-card.practise{--accent:var(--purple)}.route-card:hover{border-color:var(--accent);background:var(--raised);transform:translateY(-2px)}.route-icon{background:color-mix(in srgb,var(--accent) 12%,transparent);width:46px;height:46px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:22px;display:grid}.route-card .eyebrow{letter-spacing:1px;color:var(--accent);font-size:9px}.route-card h2{margin:10px 0 13px;font-size:23px}.route-card p{flex:1;margin-bottom:24px;font-size:13px}.route-cta{width:100%;color:var(--accent);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:17px;font-size:12px;font-weight:700;display:flex}.overview .section-heading h2{margin:0;font-size:23px}.overview-caption{margin:7px 0 0;font-size:13px}.overview-problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overview-problems>button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:15px;padding:16px 18px;display:flex}.overview-problems>button:hover,.overview-recent>button:hover{border-color:var(--purple);background:var(--raised)}.overview-problems .quick-icon{flex-shrink:0;margin:0}.overview-problems strong{flex:1;font-size:13px;font-weight:600}.overview-problems>button>svg{color:var(--muted)}.overview-learning{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:1.4fr 1fr;gap:32px;margin-top:32px;padding:28px;display:grid}.overview-resume h2{margin:13px 0;font-size:23px}.overview-resume .resume-title{margin-bottom:20px;font-size:14px}.overview-progress{border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding-left:32px;display:flex}.progress-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.progress-heading h3{margin:0;font-size:16px}.progress-heading strong{color:var(--mint);font:700 28px Manrope,sans-serif}.overview-progress p{margin:12px 0 5px;font-size:12px}.overview-progress small{font-size:11px}.overview-progress .text-button{align-self:flex-start;margin-top:12px}.overview-recent{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.overview-recent button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex}.overview-recent button span{flex:1}.overview-recent button>svg{color:var(--purple)}.overview-reference{border-top:1px solid var(--line);align-items:center;gap:16px;margin-top:30px;padding:24px 0 0;display:flex}.overview-reference>svg{color:var(--purple)}.overview-reference strong{font-size:13px}.overview-reference p{margin:3px 0 0;font-size:12px}.overview-reference .text-button{flex-shrink:0;margin-left:auto}@media (max-width:1100px){.route-card{padding:20px}.route-card h2{font-size:20px}.route-card .eyebrow{font-size:8px}.overview-recent{grid-template-columns:1fr}}@media (max-width:850px){.overview-routes{grid-template-columns:1fr}.route-card{grid-template-columns:46px 1fr;column-gap:18px;display:grid}.route-icon{grid-row:1/5;margin:0}.route-card .eyebrow,.route-card h2,.route-card p,.route-cta{grid-column:2}.route-card h2{font-size:22px}.route-card p{margin-bottom:16px}.overview-learning{gap:24px;padding:23px}.overview-progress{padding-left:24px}}@media (max-width:600px){.overview-problems,.overview-learning{grid-template-columns:1fr}.overview-progress{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.overview-reference{flex-wrap:wrap}.overview-reference>div{flex:1;min-width:200px}.overview-reference .text-button{margin-left:37px}.overview-intro{margin-top:0}.overview-problems>button{padding:14px}.overview-learning{margin-top:26px}.route-card p{font-size:13px}.overview-intro h1{font-size:30px}}.next-course{background:color-mix(in srgb,var(--mint) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--mint) 40%,var(--line));border-radius:12px;align-items:flex-start;gap:18px;margin:24px 0;padding:24px;display:flex}.next-course>svg{color:var(--mint);flex-shrink:0}.next-course h3{margin:12px 0}.next-course p{font-size:13px}.next-course .eyebrow{font-size:10px;line-height:1.7}.guide-switcher{z-index:60;box-sizing:border-box;background:#171329;border-bottom:1px solid #423960;justify-content:center;align-items:center;gap:8px;height:56px;padding:8px 14px;font:600 13px/1.4 system-ui,sans-serif;display:flex}.guide-switcher>span{color:#c4bedb;margin-right:14px;font-size:11px}.guide-switcher a{color:#faf8ff;border:1px solid #0000;border-radius:8px;padding:8px 18px;text-decoration:none}.guide-switcher a:hover{background:#302644}.guide-switcher a[aria-current=page]{color:#211526;background:#ef8cde}.guide-switcher a:focus-visible{outline-offset:2px;outline:2px solid #71e3b5}@media (max-width:450px){.guide-switcher>span{display:none}.guide-switcher a{padding:8px 22px}}.app-shell{padding-top:56px}.guide-switcher{position:fixed;top:0;left:0;right:0}.sidebar,.topbar{top:56px}.search-results{top:128px}.tree{top:161px}@media (max-width:760px){.search-results{top:115px}}