:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f6f4ef;--surface: #fffdfa;--surface-strong: #f0eee7;--surface-raised: #ffffff;--text: #171717;--muted: #62615c;--muted-strong: #3f3e39;--border: #ddd8cb;--border-strong: #cac2b0;--accent-blue: #2563eb;--accent-amber: #b7791f;--accent-green: #15803d;--accent-red: #dc2626;--accent-violet: #7c3aed;--accent-cyan: #0891b2;--accent-indigo: #4f46e5;--accent-slate: #475569;--shadow: 0 18px 50px rgba(38, 33, 25, .12);--shadow-soft: 0 10px 28px rgba(38, 33, 25, .08);--radius: 8px;--radius-sm: 6px;--page-width: calc(100% - clamp(48px, 6vw, 128px)) ;--sticky-offset: 112px;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .22);--theme: var(--accent-blue);--theme-strong: #1d4ed8;--theme-soft: rgba(37, 99, 235, .1);--theme-border: rgba(37, 99, 235, .28);--theme-ink: #153e91;color:var(--text);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg: #101114;--surface: #17191f;--surface-strong: #20242c;--surface-raised: #1d2028;--text: #f1efe8;--muted: #aba79d;--muted-strong: #d1cec5;--border: #30343d;--border-strong: #454a55;--accent-blue: #6ca0ff;--accent-amber: #e0b15a;--accent-green: #5ec486;--accent-red: #ff7a7a;--accent-violet: #b796ff;--accent-cyan: #58c7df;--accent-indigo: #9aa5ff;--accent-slate: #a3adba;--shadow: 0 18px 50px rgba(0, 0, 0, .3);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .24);--focus-ring: 0 0 0 3px rgba(108, 160, 255, .24)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-padding-top:var(--sticky-offset)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#ffffff8f,#fff0 260px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(21,128,61,.045) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto;color:var(--text)}:root[data-theme=dark] body{background:linear-gradient(180deg,#ffffff0a,#fff0 260px),linear-gradient(90deg,rgba(108,160,255,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(94,196,134,.045) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto}body,button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit}a{color:inherit;text-decoration:none}svg{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,p,span,strong,small,li,code,pre{overflow-wrap:break-word}pre,code{direction:ltr;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;unicode-bidi:isolate}::selection{background:#2563eb38}:root[data-theme=dark] ::selection{background:#6ca0ff47}.app-shell{min-height:100vh;padding:16px 0 64px}.topbar{position:sticky;top:12px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:14px;width:var(--page-width);min-height:60px;margin:0 auto;padding:8px 8px 8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fffdfadb;box-shadow:0 12px 34px #26211914;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .topbar{background:#17191fdb;box-shadow:0 14px 36px #00000047}.brand{display:inline-flex;align-items:center;min-width:0;gap:10px;font-weight:750;color:var(--text)}.brand svg{color:var(--accent-blue)}.brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0}.topnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:.92rem;font-weight:650;transition:background-color .16s ease,color .16s ease}.topnav a:hover{background:var(--surface-strong);color:var(--text)}.language-select{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.language-select select{max-width:150px;min-width:0;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.language-select select:focus{outline:none}.icon-button,.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius);cursor:pointer;font-weight:750;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.topnav a:focus-visible,.brand:focus-visible,.lesson-row:focus-visible,.source-list a:focus-visible,.language-select:focus-within{outline:none;box-shadow:var(--focus-ring)}[dir=rtl] .topbar,[dir=rtl] .hero-actions,[dir=rtl] .terminal-row,[dir=rtl] .mini-stat,[dir=rtl] .lesson-meta,[dir=rtl] .verification-strip{direction:rtl}.icon-button{width:44px;border:1px solid var(--border);background:var(--surface);color:var(--muted-strong)}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-strong);color:var(--text)}.page{width:var(--page-width);margin:0 auto;padding-top:32px}.course-chip{display:inline-flex;align-items:center;max-width:100%;min-height:36px;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted-strong);font-size:.9rem;font-weight:700;box-shadow:var(--shadow-soft)}.course-chip svg{color:var(--accent-green)}.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.74fr);align-items:center;gap:28px;padding:44px 0 34px}.hero-copy{min-width:0}.eyebrow{color:var(--theme, var(--accent-blue));font-size:.78rem;font-weight:850;line-height:1.25;text-transform:uppercase}.hero h1{max-width:780px;margin-top:14px;font-size:clamp(2.25rem,4.2vw,3.8rem);line-height:1;font-weight:850}.hero-text{max-width:680px;margin-top:20px;color:var(--muted);font-size:1.08rem;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-button,.secondary-button,.ghost-button{gap:8px;padding:0 16px;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,var(--accent-blue),var(--accent-indigo));color:#fff;box-shadow:0 14px 28px #2563eb38}:root[data-theme=dark] .primary-button{color:#101114}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #2563eb47}.secondary-button{border-color:var(--border);background:var(--surface);color:var(--muted-strong)}.secondary-button:hover,.ghost-button:hover{border-color:var(--border-strong);background:var(--surface-strong);color:var(--text)}.workbench-panel{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#2563eb14,#0891b20f),var(--surface);box-shadow:var(--shadow)}:root[data-theme=dark] .workbench-panel{background:linear-gradient(135deg,#6ca0ff1f,#58c7df14),var(--surface)}.progress-ring{--progress-percent: 0%;position:relative;display:grid;place-items:center;align-self:stretch;aspect-ratio:1;min-height:146px;padding:20px;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 0 58%,transparent 59%),conic-gradient(from -30deg,var(--accent-green) 0,var(--accent-blue) var(--progress-percent),var(--border) var(--progress-percent) 100%);color:var(--text);text-align:center}.progress-ring span{display:block;font-size:2rem;font-weight:850;line-height:1}.progress-ring small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;font-weight:750}.next-lesson{min-width:0;padding:6px 0}.panel-label{display:inline-flex;margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.next-lesson h2{font-size:1.28rem;line-height:1.18}.next-lesson p{margin-top:10px;color:var(--muted);line-height:1.55}.transcript-card,.mini-stat{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff94}:root[data-theme=dark] .transcript-card,:root[data-theme=dark] .mini-stat{background:#ffffff0a}.transcript-card{grid-column:1 / -1;padding:14px}.terminal-row{display:flex;align-items:center;gap:8px;color:var(--muted-strong);font-size:.9rem;font-weight:800}.terminal-row svg{color:var(--accent-cyan)}.transcript-card code{display:block;margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--muted-strong);font-size:.88rem;line-height:1.6;white-space:normal}.mini-stat{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 14px;color:var(--muted-strong);font-size:.94rem;font-weight:750}.mini-stat svg{color:var(--accent-green)}.mini-stat span{min-width:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:42px;padding:24px 0 8px}.curriculum,.lesson-detail,.practice,.reference{min-width:0;scroll-margin-top:104px}.section-heading{display:grid;gap:8px;margin-bottom:18px}.section-heading h2{font-size:2.05rem;line-height:1.08}.module-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.module-card,.lesson-detail,.practice-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.module-card{--theme: var(--accent-blue);--theme-strong: #1d4ed8;--theme-soft: rgba(37, 99, 235, .1);--theme-border: rgba(37, 99, 235, .28);--theme-ink: #153e91;min-width:0;overflow:clip;border-top-color:var(--theme);scroll-margin-top:var(--sticky-offset)}.module-card[data-expanded=true]{border-color:var(--theme-border);box-shadow:0 18px 48px #12182621}.theme-blue,.lesson-detail-banner.theme-blue+.lesson-detail-body{--theme: var(--accent-blue);--theme-strong: #1d4ed8;--theme-soft: rgba(37, 99, 235, .1);--theme-border: rgba(37, 99, 235, .28);--theme-ink: #153e91}.theme-amber,.lesson-detail-banner.theme-amber+.lesson-detail-body{--theme: var(--accent-amber);--theme-strong: #a16207;--theme-soft: rgba(183, 121, 31, .12);--theme-border: rgba(183, 121, 31, .3);--theme-ink: #6f4610}.theme-green,.lesson-detail-banner.theme-green+.lesson-detail-body{--theme: var(--accent-green);--theme-strong: #166534;--theme-soft: rgba(21, 128, 61, .11);--theme-border: rgba(21, 128, 61, .28);--theme-ink: #14532d}.theme-red,.lesson-detail-banner.theme-red+.lesson-detail-body{--theme: var(--accent-red);--theme-strong: #b91c1c;--theme-soft: rgba(220, 38, 38, .1);--theme-border: rgba(220, 38, 38, .26);--theme-ink: #8f1c1c}.theme-violet,.lesson-detail-banner.theme-violet+.lesson-detail-body{--theme: var(--accent-violet);--theme-strong: #6d28d9;--theme-soft: rgba(124, 58, 237, .1);--theme-border: rgba(124, 58, 237, .27);--theme-ink: #4c1d95}.theme-cyan,.lesson-detail-banner.theme-cyan+.lesson-detail-body{--theme: var(--accent-cyan);--theme-strong: #0e7490;--theme-soft: rgba(8, 145, 178, .11);--theme-border: rgba(8, 145, 178, .28);--theme-ink: #155e75}.theme-indigo,.lesson-detail-banner.theme-indigo+.lesson-detail-body{--theme: var(--accent-indigo);--theme-strong: #4338ca;--theme-soft: rgba(79, 70, 229, .1);--theme-border: rgba(79, 70, 229, .28);--theme-ink: #3730a3}.theme-slate,.lesson-detail-banner.theme-slate+.lesson-detail-body{--theme: var(--accent-slate);--theme-strong: #334155;--theme-soft: rgba(71, 85, 105, .12);--theme-border: rgba(71, 85, 105, .28);--theme-ink: #1f2937}:root[data-theme=dark] .theme-blue,:root[data-theme=dark] .lesson-detail-banner.theme-blue+.lesson-detail-body{--theme-strong: #8db6ff;--theme-soft: rgba(108, 160, 255, .15);--theme-border: rgba(108, 160, 255, .3);--theme-ink: #c4d8ff}:root[data-theme=dark] .theme-amber,:root[data-theme=dark] .lesson-detail-banner.theme-amber+.lesson-detail-body{--theme-strong: #e7c477;--theme-soft: rgba(224, 177, 90, .14);--theme-border: rgba(224, 177, 90, .28);--theme-ink: #f0d697}:root[data-theme=dark] .theme-green,:root[data-theme=dark] .lesson-detail-banner.theme-green+.lesson-detail-body{--theme-strong: #7dd99c;--theme-soft: rgba(94, 196, 134, .14);--theme-border: rgba(94, 196, 134, .28);--theme-ink: #b7edc8}:root[data-theme=dark] .theme-red,:root[data-theme=dark] .lesson-detail-banner.theme-red+.lesson-detail-body{--theme-strong: #ff9a9a;--theme-soft: rgba(255, 122, 122, .13);--theme-border: rgba(255, 122, 122, .28);--theme-ink: #ffd0d0}:root[data-theme=dark] .theme-violet,:root[data-theme=dark] .lesson-detail-banner.theme-violet+.lesson-detail-body{--theme-strong: #c8b1ff;--theme-soft: rgba(183, 150, 255, .14);--theme-border: rgba(183, 150, 255, .28);--theme-ink: #e1d6ff}:root[data-theme=dark] .theme-cyan,:root[data-theme=dark] .lesson-detail-banner.theme-cyan+.lesson-detail-body{--theme-strong: #72d6e8;--theme-soft: rgba(88, 199, 223, .13);--theme-border: rgba(88, 199, 223, .28);--theme-ink: #b8eef6}:root[data-theme=dark] .theme-indigo,:root[data-theme=dark] .lesson-detail-banner.theme-indigo+.lesson-detail-body{--theme-strong: #b3bbff;--theme-soft: rgba(154, 165, 255, .14);--theme-border: rgba(154, 165, 255, .29);--theme-ink: #d8ddff}:root[data-theme=dark] .theme-slate,:root[data-theme=dark] .lesson-detail-banner.theme-slate+.lesson-detail-body{--theme-strong: #c2cad4;--theme-soft: rgba(163, 173, 186, .13);--theme-border: rgba(163, 173, 186, .28);--theme-ink: #e2e8f0}.module-card-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;background:linear-gradient(90deg,var(--theme-soft),transparent),var(--surface)}.module-index,.module-progress,.lesson-state{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.module-index{min-height:34px;border:1px solid var(--theme-border);background:var(--theme-soft);color:var(--theme-ink);font-size:.86rem;font-weight:850}.module-card-header h3{color:var(--text);font-size:1.12rem;line-height:1.24}.module-card-header p{margin-top:5px;color:var(--muted);font-size:.94rem;line-height:1.5}.module-progress{min-width:44px;min-height:32px;padding:0 9px;border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);font-size:.86rem;font-weight:800}.lesson-list{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:0 10px 10px}.lesson-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;width:100%;min-height:74px;padding:12px 10px;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.lesson-row:hover{background:var(--surface-strong)}.lesson-row[data-selected=true]{background:var(--theme-soft);box-shadow:inset 0 0 0 1px var(--theme-border)}.lesson-state{width:28px;height:28px;margin-top:1px;border:1px solid var(--border);background:var(--surface);color:var(--theme)}.lesson-row[data-selected=true] .lesson-state{border-color:var(--theme-border);background:var(--surface)}.lesson-row span:last-child{min-width:0}.lesson-row strong,.lesson-row small{display:block}.lesson-row strong{font-size:.96rem;line-height:1.35}.lesson-row small{margin-top:4px;color:var(--muted);font-size:.85rem;line-height:1.45}.lesson-detail{position:static;max-height:none;min-width:0;overflow:visible}.lesson-expanded-detail{min-width:0;margin:2px -10px -10px;border-top:1px solid var(--theme-border)}.lesson-expanded-detail .lesson-detail{border:0;border-radius:0;box-shadow:none}.lesson-detail-body{display:grid;gap:20px;min-width:0;padding:clamp(20px,3vw,34px)}.lesson-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding-bottom:18px;border-bottom:1px solid var(--border)}.lesson-navigation .lesson-back-button{flex:0 0 auto;margin-top:0}.lesson-navigation-steps{display:flex;flex:1 1 auto;justify-content:flex-end;gap:8px;min-width:0}.lesson-step-button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--muted-strong);font-weight:750;cursor:pointer}.lesson-step-button:hover{border-color:var(--theme-border);color:var(--text)}.lesson-step-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1101px){.lesson-expanded-detail{position:relative}.lesson-row[data-selected=true]{padding-right:calc(min(66%,820px) + 10px)}.lesson-navigation{position:absolute;z-index:1;top:0;right:0;width:min(66%,820px);padding:0 10px 0 0;border-bottom:0;transform:translateY(calc(-100% - 8px))}}:root[dir=rtl] .lesson-step-button svg{transform:scaleX(-1)}.lesson-meta{display:flex;flex-wrap:wrap;gap:8px}.lesson-meta span{display:inline-flex;align-items:center;min-height:32px;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--muted-strong);font-size:.82rem;font-weight:750}.lesson-meta svg{color:var(--theme)}.lesson-detail-body h1,.lesson-detail-body h2{font-size:1.82rem;line-height:1.12}.lesson-detail-body>p{color:var(--muted);line-height:1.65}.concept-pills{display:flex;flex-wrap:wrap;gap:8px}.concept-pills span,.reference-grid button{display:inline-flex;align-items:center;min-width:0;min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--muted-strong);font-size:.84rem;font-weight:750}.concept-pills span{padding:0 10px}.lesson-block{display:grid;gap:10px;min-width:0}.lesson-block h3{color:var(--muted-strong);font-size:.96rem}.lesson-block pre{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);color:var(--text);font-size:.88rem;line-height:1.62;overflow-x:auto;white-space:pre-wrap}.lesson-guide{display:grid;gap:12px;min-width:0}.lesson-lab{display:grid;gap:16px;min-width:0;padding:18px;border:1px solid var(--theme-border);border-radius:var(--radius);background:linear-gradient(145deg,var(--theme-soft),transparent 54%),var(--surface)}.lesson-lab-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.lesson-lab-heading span{display:inline-flex;min-height:26px;align-items:center;margin-bottom:7px;padding:0 8px;border:1px solid var(--theme-border);border-radius:999px;background:var(--surface);color:var(--theme-ink);font-size:.76rem;font-weight:800}.lesson-lab-heading h3{color:var(--text);font-size:1.22rem}.lesson-lab-scenario{margin:0;color:var(--muted-strong);font-size:.98rem;line-height:1.65}.lesson-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.lesson-lab-panel,.lesson-lab-help,.lesson-lab-prompt{min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.lesson-lab-panel h4,.lesson-lab-prompt h4{margin-bottom:10px;color:var(--text);font-size:.9rem}.lesson-lab-panel ul,.lesson-lab-help ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.55}.lesson-lab-checklist{display:grid;gap:10px}.lesson-lab-checklist label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;color:var(--muted);line-height:1.5;cursor:pointer}.lesson-lab-checklist input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--theme)}.lesson-lab-checklist label:has(input:checked) span{color:var(--muted-strong);text-decoration:line-through;text-decoration-color:var(--border-strong)}.lesson-lab-prompt{display:grid;gap:10px}.lesson-lab-prompt h4{margin-bottom:0}.lesson-lab-prompt pre{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text);font-size:.88rem;line-height:1.62;overflow-x:auto;white-space:pre-wrap}.lesson-copy-button{justify-self:start}.lesson-lab-help summary{color:var(--text);font-size:.9rem;font-weight:800;cursor:pointer}.lesson-lab-help[open] summary{margin-bottom:10px}.lesson-guide-section{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong)}.lesson-guide-section p{margin:0;color:var(--muted);line-height:1.65}.lesson-guide-section pre{background:var(--surface)}.lesson-guide-section ol,.lesson-guide-section ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.58}.lesson-guide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-block ul,.source-list{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.55}.source-list{padding-left:0;list-style:none}.source-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--muted-strong);font-size:.88rem;font-weight:750}.source-list a:hover{border-color:var(--theme-border);color:var(--text)}.full-width{width:100%}.practice,.reference{padding-top:54px}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.practice-card{display:grid;align-content:start;gap:12px;min-width:0;padding:18px}.practice-card>svg{color:var(--accent-violet)}.practice-card h3{font-size:1.08rem;line-height:1.25}.practice-card p{color:var(--muted);font-size:.94rem;line-height:1.6}.practice-checklist{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong)}.practice-checklist h4{color:var(--muted-strong);font-size:.78rem;font-weight:850;line-height:1.3;text-transform:uppercase}.practice-checklist ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--muted);font-size:.86rem;line-height:1.45}.ghost-button{justify-self:start;margin-top:4px;border-color:var(--border);background:transparent;color:var(--muted-strong)}.verification-strip{display:flex;align-items:center;gap:10px;min-width:0;margin-top:16px;padding:14px 16px;border:1px solid rgba(21,128,61,.28);border-radius:var(--radius);background:#15803d14;color:var(--muted-strong);font-weight:720;line-height:1.5}:root[data-theme=dark] .verification-strip{border-color:#5ec48647;background:#5ec4861a}.verification-strip svg{color:var(--accent-green)}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reference-grid button{justify-content:center;width:100%;padding:8px 10px;font:inherit;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.reference-grid button:hover:not(:disabled),.reference-grid button:focus-visible{border-color:var(--border-strong);background:var(--surface);color:var(--text);transform:translateY(-1px)}.reference-grid button:disabled{cursor:default;opacity:.68}.reset-button{margin-top:16px}.reset-button:hover{border-color:#dc262659;color:var(--accent-red)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:44px}.workbench-panel{grid-template-columns:150px minmax(0,1fr)}.module-list,.lesson-list,.lesson-guide-pair{grid-template-columns:minmax(0,1fr)}}@media(max-width:1120px){.workspace-grid{gap:32px}.practice-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){:root{--page-width: min(1180px, calc(100% - 24px) );--sticky-offset: 142px}.app-shell{padding-top:10px}.topbar{top:8px;grid-template-columns:minmax(0,1fr) 44px;gap:8px 10px;min-height:0;padding:8px}.topnav{grid-column:1 / -1;justify-content:stretch}.topnav a{flex:1 1 0;justify-content:center;min-width:0;padding:0 6px;font-size:.86rem}.page{padding-top:22px}.hero{gap:22px;padding:36px 0 26px}.hero h1{font-size:2.28rem}.hero-text{font-size:1rem;line-height:1.62}.workbench-panel{grid-template-columns:minmax(0,1fr)}.progress-ring{width:min(170px,100%);min-height:0;justify-self:start}.workspace-grid{gap:18px;padding-top:18px}.section-heading h2{font-size:1.72rem}.lesson-detail-body h1,.lesson-detail-body h2{font-size:1.58rem}.module-card-header{grid-template-columns:40px minmax(0,1fr)}.module-progress{grid-column:1 / -1;justify-self:start}.practice-grid,.reference-grid,.lesson-lab-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.language-select select{max-width:92px}}@media(max-width:520px){:root{--page-width: min(1180px, calc(100% - 20px) )}.course-chip{width:100%;justify-content:center;text-align:center}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}.primary-button,.secondary-button,.ghost-button,.lesson-back-button{width:100%}.lesson-navigation{align-items:stretch;flex-direction:column}.lesson-navigation-steps{display:grid;grid-template-columns:minmax(0,1fr)}.workbench-panel,.module-card-header,.lesson-detail-body,.practice-card,.lesson-lab{padding:14px}.lesson-list{padding:0 8px 8px}.lesson-row{min-height:0;padding:12px 8px}.lesson-detail-banner{align-items:flex-start;flex-direction:column}.source-list a{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px}.verification-strip{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}