:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172a3b;background:#f4f7fa;font-synthesis:none;font-size:16px;--bg: #f4f7fa;--surface: #fff;--text: #172a3b;--muted: #637588;--border: #dfe7ed;--accent: #086c66;--accent-dark: #064f4b;--accent-soft: #e7f5f0;--sidebar: #101f2c;--shadow: 0 6px 24px #13263806;line-height:1.6;color-scheme:light}:root[data-theme=dark]{--bg: #0d1720;--surface: #15232f;--text: #e5edf4;--muted: #a4b3c1;--border: #2c3c49;--accent: #59d9ba;--accent-dark: #093f3d;--accent-soft: #123b36;--sidebar: #09121b;--shadow: none;color-scheme:dark;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none;filter:brightness(.96)}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .15s;color:var(--text);background:transparent;min-height:42px}button:hover:not(:disabled),.button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #42baa6;outline-offset:3px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .primary{color:#052923}.secondary{background:var(--surface);border-color:var(--border)}.text-button{color:var(--accent);padding-left:0}.icon{padding:.5rem;min-height:36px}.icon:hover{background:var(--accent-soft)}.selected{color:var(--accent);background:var(--accent-soft)}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.2;font-weight:650;letter-spacing:-.055rem;margin-bottom:.75rem}h2{font-size:1.3rem;line-height:1.35;letter-spacing:-.02rem;margin-bottom:.8rem}h3{font-size:1rem;font-weight:650;line-height:1.4;margin-bottom:.3rem}p{margin-bottom:1rem}small{font-size:.8rem}.muted{color:var(--muted);font-size:.875rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--muted);display:block;margin-bottom:.75rem}.badge,.pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;white-space:nowrap;color:var(--muted);background:var(--surface)}.success{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.danger{background:#ffeded;color:#a32b35;border:0}.dot{width:7px;height:7px;background:#47cbae;display:inline-block;border-radius:50%}.chips{display:flex;gap:.75rem;flex-wrap:wrap}.error{display:flex;gap:.7rem;align-items:flex-start;background:#ffeded;color:#8e1f29;padding:1rem;border:1px solid #efbbc0;border-radius:8px;margin:1rem 0}.error svg{flex-shrink:0;margin-top:4px}.notice{background:var(--accent-soft);border-left:3px solid var(--accent);padding:1rem 1.25rem;margin:1rem 0;color:var(--text);font-size:.875rem}.notice pre{white-space:pre-wrap}.empty{padding:3rem 2rem;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:10px;color:var(--muted)}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.45rem;letter-spacing:-.05em;font-weight:750;color:#fff}.brand svg{color:#62dbc2;width:30px;height:30px}.brand-light{font-weight:400;color:#9bb4c1;margin-left:3px}.app{display:flex;min-height:100vh}.sidebar{overflow-y:auto;width:246px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#a2b4c3;padding:2rem 1.15rem 1.2rem;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 .7rem;margin-bottom:2.7rem}.course-label{font-size:.66rem;font-weight:650;letter-spacing:.13em;padding:0 .8rem;margin-bottom:.7rem;color:#678395}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.sidebar-bottom a,.sidebar-bottom button{display:flex;gap:.8rem;align-items:center;color:#9fb3c2;font-size:.875rem;padding:.8rem;border-radius:7px;justify-content:flex-start;font-weight:450}.sidebar nav a:hover{background:#ffffff08;color:#fff}.sidebar nav a.active{background:#203d46;color:#7fe1ca;box-shadow:inset 3px 0 #7fe1ca}.sidebar-course{flex-shrink:0;background:#ffffff05;border:1px solid #ffffff10;margin:2rem .3rem 1rem;padding:1rem;border-radius:9px}.sidebar-course .eyebrow{color:#7394a8;font-size:.65rem;margin-bottom:.4rem}.sidebar-course strong{display:block;color:#edf5fa;font-size:.9rem}.sidebar-course>span:not(.eyebrow){font-size:.8rem}.sidebar-course .meter{margin:.9rem 0 .4rem;background:#30434e}.sidebar-course .meter span{background:#63d8bd}.sidebar-course small{font-size:.7rem}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff10;padding-top:1rem}.workspace{margin-left:246px;width:calc(100% - 246px);min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:.7rem;font-size:.8rem;color:var(--muted)}.breadcrumb span{color:var(--text)}.topbar-right{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.avatar{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:50%;font-weight:650;flex-shrink:0}.content{padding:2.3rem 2.5rem 3rem;max-width:1480px;margin:0 auto;min-height:calc(100vh - 140px)}footer{padding:1.2rem 2.5rem;color:var(--muted);font-size:.7rem;border-top:1px solid var(--border)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem}.page-heading p{color:var(--muted);font-size:.95rem;margin-bottom:0}.page-heading .eyebrow{margin-bottom:.7rem}.heading-icon{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:1.3rem}.continue-card{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:var(--accent-dark);color:#fff;border-radius:12px;min-height:235px;overflow:hidden}.continue-card .eyebrow{color:#8bd7c9}.continue-card h2{font-size:1.7rem;max-width:380px}.continue-card p{color:#a6d1cd;font-size:.83rem}.continue-card p span{margin:0 .5rem}.continue-card .primary{background:#a9f1d9;color:#0b3935;border:0;margin-top:.6rem}.network-art{width:42%;max-width:250px;flex-shrink:0;color:#74c2b3;margin-right:-1rem}.network-art svg{width:100%}.network-art span{display:block;font-size:.55rem;letter-spacing:.2em;text-align:center;color:#8ac3b8}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:1.2rem;justify-content:center;padding:1.6rem;box-shadow:var(--shadow)}.progress-card p{color:var(--muted);margin-bottom:.25rem;font-size:.83rem}.progress-card small{color:var(--muted);font-size:.72rem;display:block;max-width:150px}.ring{background:conic-gradient(var(--accent) var(--progress),var(--border) 0);border-radius:50%;width:126px;height:126px;padding:8px;flex-shrink:0}.ring>div{width:100%;height:100%;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:1.7rem;line-height:1.2}.ring span{font-size:.75rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:1.3rem 0 2rem}.stats>div{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.stat-icon{display:inline-flex;align-items:center;justify-content:center;height:46px;width:46px;background:var(--accent-soft);color:var(--accent);border-radius:9px;flex-shrink:0}.stats strong{font-size:1.5rem;line-height:1.1}.stats strong small{font-size:.9rem;color:var(--muted);font-weight:400}.stats p{margin:.3rem 0 0;color:var(--muted);font-size:.8rem}.section{margin-top:2rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:0}.section-heading a{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem}.module-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.module-row{padding:1.25rem;display:flex;align-items:center;gap:1rem;color:var(--text);border-bottom:1px solid var(--border)}.module-row:last-child{border-bottom:0}.module-row:hover{background:var(--accent-soft)}.module-number{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--muted);background:var(--bg);flex-shrink:0}.module-number.done{background:var(--accent-soft);color:var(--accent)}.module-row>div{flex:1}.module-row h3{font-size:.95rem}.module-row p{margin:0;color:var(--muted);font-size:.8rem}.module-meta{color:var(--muted);font-size:.75rem;margin-right:.5rem}.module-row>svg{color:var(--muted)}.achievement{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;color:var(--accent);font-size:.9rem}.back{display:block;font-size:.85rem;color:var(--muted);margin-bottom:1.4rem}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:2rem}.lesson{background:var(--surface);border:1px solid var(--border);padding:2rem;border-radius:10px}.lesson h1{font-size:2.1rem}.lesson-meta{display:flex;align-items:center;gap:1.2rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8rem}.lesson-meta span{display:flex;align-items:center;gap:.5rem}.lesson-meta button{margin-left:auto}.prose{font-size:1rem;line-height:1.9;overflow-wrap:anywhere}.prose h2{margin-top:2rem}.prose pre,.notice pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.1rem;overflow:auto;font-size:.85rem;line-height:1.65;white-space:pre-wrap}.prose code{font-family:Consolas,Cascadia Code,monospace}.prose li{margin:.5rem 0}.lesson-toc{align-self:start;position:sticky;top:1.5rem}.lesson-toc>a{display:flex;gap:.7rem;padding:.65rem .7rem;font-size:.8rem;color:var(--muted);border-left:2px solid var(--border);line-height:1.5}.lesson-toc>a span{font-size:.7rem;opacity:.7}.lesson-toc>a.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.lesson-toc>a svg{flex-shrink:0}.lesson-action{display:flex;gap:1rem;align-items:center;background:var(--bg);padding:1.2rem;border-radius:8px;margin:1.5rem 0}.lesson-action>div{flex:1}.lesson-action p{font-size:.8rem;color:var(--muted);margin:0}.source{font-size:.75rem;color:var(--muted);margin:2rem 0 0}label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500}input,textarea,select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:.75rem;max-width:100%;min-width:0}textarea{width:100%;min-height:140px;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}input[type=checkbox]{margin:0}.form-bottom{display:flex;gap:1rem;align-items:center;margin-top:.6rem;font-size:.8rem;color:var(--muted)}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;color:var(--muted);font-size:.8rem}.filter-bar label{flex-direction:row;align-items:center;gap:.8rem}.filter-bar select{min-width:220px;font-size:.85rem}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.lab-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.4rem}.lab-card{display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lab-card p{font-size:.85rem;color:var(--muted);flex:1}.lab-card h3{font-size:1.05rem;margin-bottom:.7rem}.lab-card .secondary{width:100%;justify-content:space-between}.lab-workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:1.4rem}.lab-instructions{background:var(--surface);padding:1.5rem;border:1px solid var(--border);border-radius:10px}.topology{display:flex;align-items:center;padding:1.3rem 0;margin:.5rem 0}.topology>div{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;text-align:center;color:var(--accent)}.topology span:not(.wire){font-size:.7rem;color:var(--muted)}.wire{height:2px;width:30px;flex-shrink:0;background:var(--border)}.terminal{background:#101e29;color:#c4e4dc;border:1px solid #253b49;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-self:start;position:sticky;top:1rem}.terminal-title{padding:.8rem 1rem;display:flex;justify-content:space-between;background:#172c39;font-size:.75rem;color:#8faab7}.terminal-title span{display:flex;align-items:center;gap:.5rem}.terminal-output{height:410px;overflow:auto;padding:1rem;font-family:Consolas,monospace;font-size:.8rem}.terminal-output pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:.2rem 0 .6rem;font-family:inherit}.terminal form{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-top:1px solid #28404e;font-family:Consolas,monospace}.terminal form label{white-space:nowrap;color:#66d9b9;font-size:.8rem}.terminal input{border:0;background:transparent;outline:none;color:#fff;padding:.25rem;width:100%;font-size:.85rem}.terminal button{color:#72d6c0}.checks{list-style:none;padding:0;font-size:.85rem}.checks li{display:flex;gap:.5rem;align-items:center;padding:.35rem 0}.correct{color:var(--accent)}.incorrect{color:#be4b54}.packet-panel{border:1px solid var(--border);background:var(--surface);border-radius:9px}.packet-panel summary{cursor:pointer;display:flex;align-items:center;gap:.8rem;padding:1.2rem;font-weight:600}.packet-panel>div{padding:0 1.5rem 1.5rem}.packet-panel label{margin:1.2rem 0}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:1.5rem}.question-card,.quiz-sidebar{background:var(--surface);padding:1.6rem;border:1px solid var(--border);border-radius:10px}.question-card{align-self:start}.question-card .eyebrow{margin:0}.question-text{font-size:1.18rem;line-height:1.65;white-space:pre-wrap;margin:1.4rem 0;overflow-wrap:anywhere}.options{border:0;padding:0;margin:0}.options label{display:flex;flex-direction:row;align-items:center;gap:.8rem;border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:.75rem;cursor:pointer;font-weight:400}.options label.chosen{background:var(--accent-soft);border-color:var(--accent)}.option-letter{font-size:.8rem;color:var(--muted);font-weight:600}.question-bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem;border-top:1px solid var(--border);padding-top:1.25rem}.question-bottom>span{font-size:.75rem;color:var(--muted)}.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:1.3rem 0;max-height:350px;overflow:auto;padding:3px}.question-map button{padding:.25rem;min-height:33px;border:1px solid var(--border);border-radius:5px;font-size:.75rem}.question-map .answered{background:var(--accent-soft);color:var(--accent)}.question-map .current{outline:2px solid var(--accent);outline-offset:-2px}.question-map .flagged{border-bottom:3px solid #d39b39}.quiz-sidebar .primary{width:100%}.quiz-sidebar>p{font-size:.8rem;color:var(--muted)}.quiz-sidebar>.muted{margin-top:1rem}.meter{width:100%;height:5px;background:var(--border);border-radius:10px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);border-radius:10px;transition:width .3s}.timer{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-variant-numeric:tabular-nums;border:1px solid var(--border);padding:.7rem 1rem;border-radius:8px;background:var(--surface)}.timer.urgent{color:#c44b51;border-color:#c44b51}.result-score{font-size:3rem;line-height:1;color:var(--accent)}.result-score small{font-size:1.3rem}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.domain-grid>div{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.domain-grid span{font-size:.8rem;color:var(--muted)}.domain-grid strong{float:right;font-size:.9rem}.domain-grid .meter{margin-top:.7rem}.inline-label{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;white-space:nowrap}.result-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;margin-bottom:1rem}.result-card h3{margin:1rem 0;white-space:pre-wrap}.result-card p{font-size:.9rem}.result-card a{font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem}.exam-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.8rem}.exam-overview svg{color:var(--accent);margin-bottom:1rem}.exam-overview p{font-size:.9rem;color:var(--muted)}.exam-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.exam-forms p{font-size:.85rem;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px}table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.85rem}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--border)}th{font-weight:500;color:var(--muted);font-size:.75rem;background:var(--bg)}tr:last-child td{border:0}td a{display:inline-flex;align-items:center;gap:.4rem}.leaderboard{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.leader-row{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border)}.leader-row:last-child{border:0}.leader-row.is-you{background:var(--accent-soft)}.rank{width:24px;text-align:center;color:var(--accent)}.leader-name{flex:1}.leader-name h3 small{font-size:.7rem;color:var(--muted);font-weight:400;margin-left:.3rem}.leader-name p{font-size:.8rem;color:var(--muted);margin:0}.leader-progress{width:22%;max-width:220px}.leader-progress small{font-size:.7rem;color:var(--muted)}.leader-points{text-align:right;min-width:75px}.leader-points strong{display:block;font-size:1.5rem;line-height:1.2}.leader-points span{font-size:.7rem;color:var(--muted)}.rating-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:1.5rem 0}.rating-rules strong{display:block;font-size:1.6rem;color:var(--accent)}.rating-rules span{font-size:.85rem;color:var(--muted)}.searchbar{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);padding:.6rem 1rem;border-radius:9px;margin-bottom:1rem;color:var(--muted)}.searchbar>input{border:0;background:transparent;flex:1;padding:.5rem}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reference-card{padding:1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text)}.reference-card h3{margin:.8rem 0}.reference-card p{font-size:.8rem;color:var(--muted)}.reference-card>span:last-child{color:var(--accent);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.reference-card .eyebrow{font-size:.65rem}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-story{background:#102b35;color:#fff;padding:3rem 5vw;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-story .brand{margin-bottom:4rem}.login-story .eyebrow{color:#73c7b7}.login-story h1{font-size:clamp(2.7rem,4.3vw,5rem);font-weight:550;line-height:1.13;letter-spacing:-.07em}.login-story h1 em{font-style:normal;color:#8ce4c6}.login-story p{max-width:400px;color:#aec6ce;font-size:1rem;margin:1.5rem 0}.login-story small{color:#6f959f;margin-top:4rem;font-size:.7rem}.login-route{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.8rem;color:#88bbbe}.login-route svg{width:15px}.login-form{align-self:center;padding:3rem 6vw;max-width:620px}.login-form h2{font-size:2rem;margin:1.5rem 0 .8rem}.login-form>p{color:var(--muted)}.login-form form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.login-form .primary{margin-top:.4rem;padding:.9rem}.login-form .badge{background:var(--accent-soft);color:var(--accent);border:0}.mobile-toggle,.scrim{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video{width:100%;aspect-ratio:16/9;border:0;margin:1rem 0}.video-supplement{margin:2rem 0;padding:1.25rem;border:1px solid var(--border, #dce5e8);border-radius:16px}.video-supplement h2{margin:.7rem 0;font-size:1.25rem}.video-supplement p{margin:.75rem 0;line-height:1.6}.video-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}@media(min-width:1550px){.content{padding-top:3rem}.dashboard-grid{grid-template-columns:2fr 1fr}.continue-card{padding:2.5rem}.continue-card h2{font-size:2rem}}@media(max-width:1200px){.sidebar{width:220px}.workspace{margin-left:220px;width:calc(100% - 220px)}.content{padding:1.8rem}.topbar{padding:0 1.8rem}.dashboard-grid{grid-template-columns:1.6fr 1fr}.network-art{display:none}.progress-card{flex-direction:column;text-align:center;gap:.7rem}.ring{width:95px;height:95px}.progress-card small{display:none}.lab-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr) 200px;gap:1rem}.lesson{padding:1.5rem}.lesson-action{flex-wrap:wrap}.lab-workspace{grid-template-columns:1fr}.terminal{position:static}.terminal-output{height:320px}.quiz-layout{grid-template-columns:minmax(0,1fr) 220px}.question-card,.quiz-sidebar{padding:1.2rem}.page-heading>.pill{display:none}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.workspace{margin-left:0;width:100%}.mobile-toggle{display:inline-flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;border:0;z-index:19;border-radius:0}.topbar{height:65px;padding:0 1.2rem}.breadcrumb{margin-right:auto;margin-left:.8rem}.content{padding:1.5rem}.page-heading h1{font-size:1.75rem}.lesson-layout{grid-template-columns:1fr}.lesson-toc{position:static;order:-1;max-height:130px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:.6rem}.lesson-toc .eyebrow{margin:.3rem}.login-story{padding:3rem}.login-form{padding:2rem}.login-story h1{font-size:3rem}}@media(max-width:600px){.content{padding:1.2rem}.topbar{padding:0 .8rem}.topbar-right>span:last-child{display:none}.breadcrumb{font-size:.7rem;gap:.4rem}.page-heading{align-items:flex-start;flex-direction:column;gap:1rem}.page-heading h1{font-size:1.7rem}.eyebrow{font-size:.66rem}.dashboard-grid{grid-template-columns:1fr}.continue-card{min-height:220px;padding:1.5rem}.progress-card{flex-direction:row;text-align:left;padding:1.2rem;justify-content:flex-start}.stats{gap:.55rem}.stats>div{padding:.85rem .7rem;flex-direction:column;align-items:flex-start;gap:.6rem}.stats .stat-icon{height:32px;width:32px}.stats .stat-icon svg{width:18px}.stats strong{font-size:1.25rem}.stats p{font-size:.7rem;line-height:1.4}.stats strong small{font-size:.7rem}.module-row{padding:1rem .8rem;gap:.65rem}.module-meta,.module-row>.pill{display:none}.module-number{width:34px;height:34px;font-size:.75rem}.module-row h3{font-size:.88rem}.module-row p{font-size:.75rem}.section-heading{align-items:flex-start}.section-heading a{font-size:.7rem;white-space:nowrap}.section-heading h2{font-size:1.1rem}.lesson{padding:1.2rem}.lesson h1{font-size:1.7rem}.lesson-meta{gap:.6rem;flex-wrap:wrap}.lesson-action{padding:1rem}.lesson-action>.stat-icon{display:none}.lesson-action>div{min-width:100%}.lesson-action .primary,.lesson .chips .button,.lesson .chips button{width:100%}.filter-bar{gap:.7rem;align-items:flex-start;flex-direction:column}.filter-bar select{min-width:0}.lab-grid,.reference-grid,.exam-forms{grid-template-columns:1fr}.lab-instructions{padding:1.2rem}.terminal-output{height:290px}.terminal-title{font-size:.66rem}.topology{padding:1rem 0}.quiz-layout{grid-template-columns:1fr}.quiz-sidebar{order:2}.question-map{grid-template-columns:repeat(10,1fr)}.question-card{padding:1.15rem}.question-text{font-size:1.05rem}.question-bottom{flex-wrap:wrap}.question-bottom>span{order:3;width:100%;text-align:center}.timer{font-size:1.1rem}.domain-grid{grid-template-columns:repeat(2,1fr)}.domain-grid span{display:block;margin-bottom:.4rem}.domain-grid strong{float:none}.exam-overview{grid-template-columns:1fr;gap:1rem;padding:1.3rem}.leader-row{gap:.65rem;padding:1rem .75rem;flex-wrap:wrap}.leader-progress{display:none}.leader-name h3{font-size:.9rem}.leader-points{min-width:50px}.leader-points strong{font-size:1.2rem}.rating-rules{grid-template-columns:1fr;gap:1rem}.rating-rules>div{display:flex;gap:1rem;align-items:center}.rating-rules strong{font-size:1.2rem;min-width:65px}.searchbar{gap:.4rem;flex-wrap:wrap}.searchbar>input{max-width:calc(100% - 30px);font-size:.85rem}.searchbar>label{width:100%;padding:.6rem}.login{grid-template-columns:1fr}.login-story{min-height:0;padding:2rem}.login-story .brand{margin-bottom:1.7rem}.login-story h1{font-size:2.3rem}.login-story h1 br{display:none}.login-story h1 em{display:block}.login-story p,.login-story .eyebrow,.login-route,.login-story small{display:none}.login-form{padding:2rem 1.5rem}.login-form h2{font-size:1.65rem}footer{padding:1rem;font-size:.66rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.editor-toolbar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}.packet-walk{background:var(--bg);border:1px solid var(--border);padding:1.3rem;border-radius:9px;margin:1.5rem 0}.walk-nodes{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}.walk-nodes button{flex:1;flex-direction:column;border:1px solid var(--border);background:var(--surface);font-size:.75rem}.walk-nodes button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.packet-walk p{font-size:.9rem}.packet-walk table{font-size:.75rem}.packet-walk td,.packet-walk th{padding:.5rem}.ordering>div{display:flex;gap:.4rem;align-items:center;padding:.6rem;border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem}.ordering>div>span{flex:1}.matching label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:1rem 0;gap:1rem}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.editor-layout fieldset{padding:0;border:0}.editor-layout label{margin-bottom:1rem}.editor-body{min-height:430px;font-family:Consolas,monospace;font-size:.85rem}.editor-layout h1{font-size:1.6rem}@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}}