@import "https://rsms.me/inter/inter.css";:root{--blue:#5e6ad2;--blue-hover:#828fff;--blue-press:#5e69d1;--blue-deep:#4752b8;--blue-tint:#5e6ad21a;--blue-tint-strong:#5e6ad22e;--blue-focus-ring:#5e6ad247;--bg:#010102;--bg-soft:#0a0b0c;--bg-mute:#0f1011;--surface:#0f1011;--surface-2:#141516;--surface-3:#18191a;--surface-4:#191a1b;--ink:#f7f8f8;--ink-2:#d0d6e0;--ink-3:#8a8f98;--ink-inverse:#010102;--black:#000;--border:#23252a;--border-mid:#2c2e33;--border-strong:#34343a;--border-implicit:#ffffff0f;--nav-bg:#0a0b0cb8;--overlay-soft:#000000a6;--green:#4cb782;--green-deep:#1f9d5b;--red:#eb5757;--red-deep:#c2453d;--amber:#f5a623;--purple:#8a7fff;--sans:"Inter", "Inter Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"Inter Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--r-input:6px;--r-card:12px;--r-card-lg:16px;--r-pill:9999px;--shadow-sm:0 1px 0 #ffffff0a inset;--shadow-md:0 4px 24px #00000073;--shadow-lg:0 24px 48px #0009;--shadow-focus:0 0 0 3px var(--blue-focus-ring);--container:1262px;--container-narrow:980px;--nav-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:clip}body{font-family:var(--sans);color:var(--ink);background:var(--bg);letter-spacing:-.005em;font-feature-settings:"cv11", "ss01", "ss03";margin:0;font-size:15px;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,h5{font-family:var(--display);letter-spacing:-.022em;color:var(--ink);margin:0;font-weight:600}p{color:var(--ink-2);margin:0}a{color:var(--blue);font-weight:600;text-decoration:none;transition:color .16s}a:hover{color:var(--blue-hover)}button{font-family:var(--sans);cursor:pointer;font-size:17px;line-height:1.2}img{max-width:100%;display:block}svg,canvas,video{max-width:100%}::selection{background:var(--blue-tint-strong);color:var(--ink)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:4px;outline:none}[data-theme=light]{--blue:#0071e3;--blue-hover:#006edb;--blue-press:#0076df;--blue-deep:#0077ed;--blue-tint:#0071e30f;--blue-tint-strong:#0071e31a;--blue-focus-ring:#0071e32e;--bg:#fff;--bg-soft:#f5f5f7;--bg-mute:#ededf2;--surface:#fff;--surface-2:#f5f5f7;--surface-3:#ededf2;--surface-4:#e5e5ea;--ink:#1d1d1f;--ink-2:#333336;--ink-3:#6e6e73;--ink-inverse:#fff;--black:#000;--border:#ededf2;--border-mid:#d5d5d7;--border-strong:#bbbbbe;--border-implicit:#0000001a;--nav-bg:#fffc;--overlay-soft:#0000008f;--green:#34c759;--green-deep:#248a50;--red:#ff3b30;--red-deep:#c2000a;--amber:#ff9500;--purple:#af52de;--sans:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--r-input:8px;--r-card:18px;--r-card-lg:24px;--r-pill:9999px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 12px 32px #00000029;--shadow-focus:0 0 0 3px #0071e32e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}main{min-height:100vh;padding-top:var(--nav-h);background:var(--bg)}.container{max-width:var(--container);min-width:0;margin:0 auto;padding:0 clamp(14px,4vw,22px)}.container-narrow{max-width:var(--container-narrow);min-width:0;margin:0 auto;padding:0 clamp(14px,4vw,22px)}.topnav{height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);z-index:100;position:fixed;top:0;left:0;right:0}.topnav-inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:16px;min-width:0;height:100%;margin:0 auto;padding:0 clamp(10px,3vw,22px);display:flex}.brand{font-family:var(--display);color:var(--ink);flex:0 auto;align-items:center;gap:8px;min-width:0;font-size:18px;font-weight:600;display:inline-flex}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand .brand-dot{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.nav-links{flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex}.nav-links a,.nav-links button{color:var(--ink);opacity:.88;background:0 0;border:none;border-radius:0;align-items:center;height:44px;padding:0 12px;font-size:12px;font-weight:400;transition:color .16s,opacity .16s;display:inline-flex}.nav-links a:hover,.nav-links button:hover{opacity:1;color:var(--ink)}.nav-links a.active{color:var(--blue)}.student-chip{border-radius:var(--r-pill);background:var(--blue-tint);height:32px;color:var(--blue);align-items:center;gap:6px;margin-left:12px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.signout-btn{border-radius:var(--r-pill);height:32px;color:var(--ink);border:1px solid var(--border-mid);background:0 0;align-items:center;gap:6px;margin-left:6px;padding:0 14px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.signout-btn:hover{background:var(--bg-mute);border-color:var(--border-strong)}.btn{border-radius:var(--r-pill);min-height:44px;font-family:var(--sans);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:17px;font-weight:400;line-height:1.2;text-decoration:none;transition:background .16s,color .16s,transform .12s;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover);color:#fff}.btn-primary:active{background:var(--blue-press)}.btn-secondary{color:var(--blue);border:1.5px solid var(--blue);background:0 0}.btn-secondary:hover{background:var(--blue-tint);border-color:var(--blue-hover);color:var(--blue-hover)}.btn-ghost{color:var(--ink);background:0 0;border-radius:8px;min-height:40px;padding:12px}.btn-ghost:hover{background:var(--bg-mute)}.btn-arrow{color:var(--blue);background:0 0;border-radius:0;min-height:0;padding:8px 0;font-size:15px;font-weight:600}.btn-arrow:hover{color:var(--blue-hover)}.btn-arrow span{transition:transform .2s}.btn-arrow:hover span{transform:translate(3px)}.eyebrow{color:var(--blue);text-transform:none;letter-spacing:0;margin:0 0 12px;font-size:12px;font-weight:600;line-height:16px}.eyebrow.muted{color:var(--ink-3)}.hero{text-align:center;background:var(--bg);border-bottom:1px solid var(--border);padding:96px 22px 64px}.hero h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05}.hero h1 .accent{color:var(--blue)}.hero .lead{max-width:680px;color:var(--ink-2);margin:0 auto 32px;font-size:21px;font-weight:400;line-height:1.4}.hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.hero-meta{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:48px;margin-top:40px;font-size:13px;display:flex}.hero-meta strong{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:28px;font-weight:600;display:block}.section{padding:80px 0}.section.tight{padding:56px 0}.section.mute{background:var(--bg-mute)}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head h2{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);margin:0 0 14px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}.section-head p{color:var(--ink-2);font-size:19px;line-height:1.5}.section-head.left{text-align:left;margin-left:0;margin-right:auto}.module-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card-lg);color:inherit;padding:32px 28px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;position:relative;overflow:hidden}.module-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-mid);color:inherit;transform:translateY(-2px)}.module-card .badge{border-radius:var(--r-pill);background:var(--blue-tint);color:var(--blue);align-items:center;gap:6px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.module-card h3{font-family:var(--display);color:var(--ink);margin:0 0 12px;font-size:26px;font-weight:600;line-height:1.15}.module-card p{color:var(--ink-2);margin:0 0 20px;font-size:15px;line-height:1.5}.module-card .meta-row{border-top:1px solid var(--border);color:var(--ink-3);justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;display:flex}.module-card .meta-row .go{color:var(--blue);align-items:center;gap:4px;font-weight:600;display:inline-flex}.module-hero{background:var(--bg);border-bottom:1px solid var(--border);padding:80px 0 48px}.module-hero h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);max-width:760px;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.05}.module-hero p{color:var(--ink-2);max-width:680px;font-size:19px;line-height:1.5}.module-hero .stats{flex-wrap:wrap;gap:40px;margin-top:32px;display:flex}.module-hero .stats div{color:var(--ink-3);font-size:13px}.module-hero .stats strong{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:24px;font-weight:600;display:block}.lesson-list{gap:12px;display:grid}.lesson-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);color:inherit;align-items:center;gap:20px;padding:20px 24px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.lesson-row:hover{border-color:var(--blue);color:inherit;transform:translate(2px)}.lesson-row .number{background:var(--bg-mute);width:44px;height:44px;font-family:var(--display);color:var(--ink-2);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background .18s,color .18s;display:flex}.lesson-row:hover .number{background:var(--blue);color:#fff}.lesson-row .lesson-body{flex:1;min-width:0}.lesson-row .lesson-body h4{font-family:var(--display);color:var(--ink);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.3}.lesson-row .lesson-body small{color:var(--ink-3);font-size:12px}.lesson-row .arrow{color:var(--ink-3);transition:color .18s,transform .18s}.lesson-row:hover .arrow{color:var(--blue);transform:translate(3px)}.lesson-shell{padding:48px 22px 96px}.breadcrumb{min-width:0;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:32px;font-size:13px;display:flex}.breadcrumb a{color:var(--ink-3);font-weight:400;transition:color .16s}.breadcrumb a:hover{color:var(--blue)}.breadcrumb .sep{opacity:.5}.lesson-header{max-width:780px;margin-bottom:48px}.lesson-header h1{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);margin:12px 0 16px;font-size:clamp(32px,4.5vw,52px);font-weight:600;line-height:1.1}.lesson-header .subtitle{color:var(--ink-2);font-size:21px;line-height:1.45}.lesson-objectives{background:var(--bg-mute);border-radius:var(--r-card);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:40px 0 56px;padding:28px;display:grid}.lesson-objectives h3{font-family:var(--display);color:var(--blue);grid-column:1/-1;margin:0;font-size:13px;font-weight:600}.lesson-objectives .obj{color:var(--ink);align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.lesson-objectives .obj .dot{background:var(--blue);border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:9px}.lesson-section{margin-bottom:56px}.lesson-section h2{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:0 0 20px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.15}.lesson-section p,.lesson-section li{color:var(--ink-2);font-size:17px;line-height:1.6}.lesson-section ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.lesson-section ul li{padding-left:22px;position:relative}.lesson-section ul li:before{content:"";background:var(--ink-3);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);max-width:100%;margin:32px 0;padding:28px;overflow:hidden}.chart-card .chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.chart-card .chart-head h4{font-family:var(--display);color:var(--ink);margin:0 0 4px;font-size:21px;font-weight:600}.chart-card .chart-head p{color:var(--ink-3);margin:0;font-size:14px}.chart-card .chart-svg{border-radius:12px;width:100%;display:block}.chart-controls{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin-top:20px;padding-top:20px;display:grid}.chart-controls label{color:var(--ink-3);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.chart-controls input[type=range]{appearance:none;background:var(--bg-mute);border-radius:2px;outline:none;width:100%;height:4px}.chart-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 1px 4px #0000002e}.chart-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.chart-controls input[type=range]::-moz-range-thumb{background:var(--blue);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.chart-controls select,.chart-controls input[type=number]{border-radius:var(--r-input);border:1px solid var(--border-mid);background:var(--bg);width:100%;color:var(--ink);font-family:var(--sans);padding:10px 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.chart-controls select:focus,.chart-controls input[type=number]:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-focus-ring);outline:none}.chart-controls .value{font-family:var(--display);color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:600}.chart-stats{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:16px;margin-top:20px;padding-top:20px;display:grid}.chart-stats .stat{color:var(--ink-3);font-size:12px}.chart-stats .stat strong{font-family:var(--display);color:var(--ink);margin-bottom:2px;font-size:22px;font-weight:600;display:block}.chart-stats .stat.pos strong{color:var(--green-deep)}.chart-stats .stat.neg strong{color:var(--red-deep)}.infographic{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;margin:32px 0;display:grid}.infographic .node{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);cursor:default;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative}.infographic .node:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-3px)}.infographic .node .num{font-family:var(--display);color:var(--blue);margin-bottom:10px;font-size:12px;font-weight:600}.infographic .node strong{font-family:var(--display);color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.25;display:block}.infographic .node p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:32px 0;display:grid}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:28px}.detail-card .label{color:var(--blue);margin-bottom:12px;font-size:12px;font-weight:600}.detail-card h4{font-family:var(--display);color:var(--ink);margin:0 0 16px;font-size:19px;font-weight:600;line-height:1.3}.detail-card ul,.detail-card ol{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.detail-card ol li{counter-increment:step;color:var(--ink-2);padding-left:30px;font-size:14px;line-height:1.55;position:relative}.detail-card ol li:before{content:counter(step);background:var(--blue);color:#fff;width:22px;height:22px;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;left:0}.detail-card ul li{color:var(--ink-2);padding-left:18px;font-size:14px;line-height:1.55;position:relative}.detail-card ul li:before{content:"";background:var(--ink-3);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.detail-card.compliance .label{color:var(--amber)}.quiz{background:var(--bg-mute);border-radius:var(--r-card-lg);margin:48px 0;padding:40px}.quiz h3{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:24px;font-weight:600}.quiz .qmeta{color:var(--ink-3);margin-bottom:24px;font-size:13px}.quiz .q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:14px;padding:24px}.quiz .q p.question{color:var(--ink);margin:0 0 16px;font-size:17px;font-weight:600}.quiz .options{gap:8px;display:grid}.quiz .options button{text-align:left;background:var(--bg);border:1.5px solid var(--border);color:var(--ink-2);cursor:pointer;font-size:15px;font-weight:400;font-family:var(--sans);border-radius:12px;padding:14px 16px;transition:border-color .16s,background .16s,color .16s}.quiz .options button:hover{border-color:var(--border-strong);background:var(--surface)}.quiz .options button.correct{border-color:var(--green-deep);color:var(--ink);background:#34c75914;font-weight:600}.quiz .options button.wrong{border-color:var(--red-deep);color:var(--ink);background:#ff3b300f;font-weight:600}.quiz .explanation{background:var(--blue-tint);color:var(--ink-2);border-radius:12px;margin-top:14px;padding:14px 16px;font-size:14px;line-height:1.5}.lesson-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:32px;display:flex}.lesson-nav a{color:var(--ink-3);flex-direction:column;max-width:45%;font-size:13px;font-weight:400;text-decoration:none;display:inline-flex}.lesson-nav a strong{font-family:var(--display);color:var(--ink);margin-top:4px;font-size:18px;font-weight:600;transition:color .16s;display:block}.lesson-nav a:hover strong{color:var(--blue)}.lesson-nav .next{text-align:right;margin-left:auto}.auth-shell{background:var(--bg-mute);place-items:center;min-height:100vh;padding:40px 22px;display:grid}.auth-card{background:var(--surface);border-radius:var(--r-card-lg);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:48px 40px;position:relative}.auth-brand{font-family:var(--display);color:var(--ink);align-items:center;gap:10px;margin-bottom:28px;font-size:17px;font-weight:600;display:flex}.auth-brand .brand-dot{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:500;line-height:1.35}.auth-theme-toggle{position:absolute;top:18px;right:18px}.auth-card h1{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.1}.auth-card .lead{color:var(--ink-3);margin:0 0 28px;font-size:15px;line-height:1.5}.auth-form{gap:18px;display:grid}.field label{color:var(--ink);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field input{width:100%;height:44px;font-family:var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--r-input);padding:0 16px;font-size:17px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-focus-ring);outline:none}.auth-error{border-radius:var(--r-input);color:var(--red-deep);background:#ff3b3014;padding:12px 14px;font-size:14px}.auth-note{color:var(--ink-3);text-align:center;margin-top:24px;font-size:12px;line-height:1.5}.site-footer{background:var(--bg-mute);border-top:1px solid var(--border);color:var(--ink-3);padding:56px 0 40px;font-size:12px}.site-footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer a{color:var(--ink-3);font-size:12px;font-weight:400}.site-footer a:hover{color:var(--ink)}.site-footer .disclaimer{max-width:720px;margin-top:24px;line-height:1.55}@media (width<=768px){.hero{padding:64px 22px 48px}.hero .lead{font-size:17px}.hero-meta{gap:24px}.section{padding:56px 0}.nav-links{gap:0}.nav-links a{padding:0 8px;font-size:12px}.nav-links .hide-mobile,.student-chip{display:none}.lesson-objectives{padding:20px}.quiz{padding:24px}.module-card{padding:24px 20px}.auth-card{padding:32px 24px}}@media (width<=520px){.lesson-row{gap:14px;padding:16px}.lesson-row .number{flex-basis:36px;width:36px;height:36px;font-size:14px}.hero h1{font-size:40px}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page{animation:.32s cubic-bezier(.22,1,.36,1) rise-in}.app-body{padding-top:var(--nav-h);min-height:calc(100vh - var(--nav-h))}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin:0 0 8px;font-size:12px;font-weight:600}.btn-sm{padding:6px 14px;font-size:13px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.hero-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:32px;margin-top:40px;padding-top:24px;display:flex}.meta-item{flex-direction:column;gap:2px;display:flex}.meta-item strong{font-family:var(--display);color:var(--ink);font-size:28px;font-weight:600;line-height:1}.meta-item span{color:var(--ink-3);font-size:13px}.nav-actions{flex:none;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.module-card{--accent:var(--blue);position:relative;overflow:hidden}.module-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.module-level{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg);padding:4px 10px;font-size:11px;font-weight:600}.module-card-foot{border-top:1px solid var(--border);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;font-size:13px;display:flex}.module-card-foot .open{color:var(--accent);align-items:center;gap:6px;font-weight:500;transition:gap .2s;display:inline-flex}.module-card:hover .open{gap:10px}.module-card-stripe{opacity:.8;height:3px;position:absolute;inset:0 0 auto}.module-card-index{font-family:var(--display);color:var(--accent);opacity:.06;pointer-events:none;font-size:64px;font-weight:700;line-height:1;position:absolute;top:18px;right:18px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;display:grid}.how-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:8px;padding:28px;display:flex}.how-card svg{color:var(--blue)}.how-card h4{color:var(--ink);margin:4px 0 0;font-size:17px;font-weight:600}.how-card p{color:var(--ink-3);margin:0;font-size:14px;line-height:1.5}.module-hero{--accent:var(--blue);border-bottom:1px solid var(--border);margin-bottom:32px;padding:36px 0 28px}.module-hero .eyebrow{color:var(--accent)}.module-hero h1{margin:0 0 12px;font-size:44px}.module-hero .lead{color:var(--ink-2);max-width:720px;margin:0 0 12px;font-size:19px;line-height:1.5}.module-hero .outcome{color:var(--ink-3);max-width:720px;margin:0;font-size:15px;line-height:1.6}.module-hero .hero-meta{margin-top:28px}.module-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin:48px 0 24px;padding-top:24px;display:flex}.lesson-list{--accent:var(--blue);flex-direction:column;gap:6px;margin:24px 0 0;padding:0;list-style:none;display:flex}.lesson-list li{margin:0}.lesson-row{border:1px solid var(--border);border-radius:var(--r-card);background:var(--bg);color:var(--ink);grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:border-color .2s,transform .15s,box-shadow .2s;display:grid}.lesson-row:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.lesson-num{background:var(--bg-mute);width:36px;height:36px;color:var(--ink-3);font-size:12px;font-weight:600;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.lesson-row:hover .lesson-num{background:var(--accent);color:#fff}.lesson-title{color:var(--ink);overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:500;line-height:1.4}.lesson-arrow{color:var(--ink-3);transition:color .2s,transform .2s}.lesson-row:hover .lesson-arrow{color:var(--accent);transform:translate(2px)}.lesson-header{--accent:var(--blue);border-bottom:1px solid var(--border);margin-bottom:28px;padding:24px 0 16px}.lesson-header .eyebrow{color:var(--accent)}.lesson-header h1{overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(30px,5.8vw,40px);line-height:1.15}.lesson-header .lead{color:var(--ink-2);max-width:740px;margin:0;font-size:18px;line-height:1.5}.bullet-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bullet-list li{color:var(--ink-2);padding-left:22px;font-size:15px;line-height:1.6;position:relative}.bullet-list li:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.lesson-section h2{color:var(--ink);font-size:24px;font-weight:600;font-family:var(--display);margin:0 0 16px}.q-num{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin:0 0 8px;font-size:11px;font-weight:600}.q-text{color:var(--ink);margin:0 0 14px;font-size:16px;font-weight:500;line-height:1.45}.opt-letter{background:var(--bg-mute);width:24px;height:24px;color:var(--ink-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.options button.correct .opt-letter{background:var(--green);color:#fff}.options button.wrong .opt-letter{background:var(--red);color:#fff}.auth-lead{color:var(--ink-3);margin:6px 0 20px;font-size:14px;line-height:1.5}.chart-controls select{appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-input);font:inherit;color:var(--ink);cursor:pointer;padding:8px 12px}.chart-controls select:focus-visible{border-color:var(--blue);box-shadow:var(--shadow-focus);outline:none}.chart-controls input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-input);font:inherit;color:var(--ink);width:100%;padding:8px 12px}.chart-controls input[type=number]:focus-visible{border-color:var(--blue);box-shadow:var(--shadow-focus);outline:none}:root{--purple:#6e54c5}.site-footer .muted{color:var(--ink-3);margin-top:8px;font-size:12px}.theme-toggle{border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--ink-3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.theme-toggle:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--ink)}[data-theme=light] .hero{background:radial-gradient(ellipse 80% 60% at 50% 0%, #533afd12 0%, var(--bg) 60%)}[data-theme=light] .module-hero{background:radial-gradient(ellipse 100% 80% at 0% 0%, #0071e30f 0%, var(--bg) 60%)}[data-theme=light] .auth-shell{background:radial-gradient(ellipse 90% 70% at 50% -10%, #0071e314 0%, var(--bg) 60%)}[data-theme=light] .module-card,[data-theme=light] .how-card,[data-theme=light] .detail-card,[data-theme=light] .lesson-objectives,[data-theme=light] .chart-card,[data-theme=light] .auth-card.page{box-shadow:var(--shadow-sm)}[data-theme=light] .module-card:hover,[data-theme=light] .lesson-row:hover{box-shadow:var(--shadow-md)}[data-theme=light] .options button.correct{border-color:var(--green);background:#16a34a14}[data-theme=light] .options button.wrong{border-color:var(--red);background:#dc262614}[data-theme=light] .btn-primary{background:var(--blue);color:#fff;box-shadow:inset 0 1px #ffffff26,0 1px 3px #533afd4d}[data-theme=light] .btn-primary:hover{background:var(--blue-hover)}[data-theme=light] .brand-dot{background:var(--blue);color:#fff}[data-theme=light] .topnav{box-shadow:0 1px 0 var(--border)}[data-theme=light] .section.mute{background:var(--bg-soft)}[data-theme=light] .lesson-num{background:var(--surface-3);color:var(--ink-3)}[data-theme=light] .lesson-row:hover .lesson-num{background:var(--blue);color:#fff}[data-theme=light] .chart-card svg text,[data-theme=light] .chart-svg text{fill:var(--ink-3)}[data-theme=light] .chart-card svg line.axis,[data-theme=light] .chart-svg line.axis{stroke:var(--border-strong)}[data-theme=light] .infographic .num,[data-theme=light] .lesson-header .eyebrow,[data-theme=light] .module-hero .eyebrow{color:var(--blue)}[data-theme=light] .site-footer{background:var(--bg-soft);border-top:1px solid var(--border)}[data-theme=dark] .btn,[data-theme=dark] .btn-primary,[data-theme=dark] .btn-secondary{letter-spacing:-.01em;border-radius:8px;height:38px;padding:0 18px;font-size:14px;font-weight:500}[data-theme=dark] .btn-primary{background:var(--blue);color:#fff;border:none;box-shadow:inset 0 1px #ffffff1f,0 1px #0009}[data-theme=dark] .btn-primary:hover{background:var(--blue-hover)}[data-theme=dark] .btn-secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}[data-theme=dark] .btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}[data-theme=dark] .btn-ghost:hover{background:var(--surface-2)}[data-theme=dark] .module-card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:12px;padding:26px 24px;transform:none}[data-theme=dark] .module-card:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:none;transform:none}[data-theme=dark] .module-card h3{letter-spacing:-.018em;font-size:20px;font-weight:600}[data-theme=dark] .module-card p{color:var(--ink-3);font-size:14px}[data-theme=dark] .module-card-stripe,[data-theme=dark] .module-card-index{display:none}[data-theme=dark] .module-level{background:var(--surface-3);border:1px solid var(--border);color:var(--ink-3)}[data-theme=dark] .hero{background:radial-gradient(ellipse 80% 60% at 50% 0%, #5e6ad21a 0%, var(--bg) 65%);padding:120px 22px 96px}[data-theme=dark] .hero h1{letter-spacing:-.032em;font-size:clamp(44px,7vw,80px);font-weight:600;line-height:1.05}[data-theme=dark] .hero h1 .accent{background:linear-gradient(180deg, var(--blue-hover), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .hero .lead{color:var(--ink-3);font-size:19px}[data-theme=dark] .hero-meta strong{color:var(--ink)}[data-theme=dark] .section-head h2{letter-spacing:-.025em;font-weight:600}[data-theme=dark] .section-head p{color:var(--ink-3);font-size:17px}[data-theme=dark] .module-hero{background:radial-gradient(ellipse 100% 80% at 0% 0%, #5e6ad214 0%, var(--bg) 60%)}[data-theme=dark] .module-hero h1{letter-spacing:-.028em;font-weight:600}[data-theme=dark] .lesson-row{background:var(--surface);border:1px solid var(--border);border-radius:10px}[data-theme=dark] .lesson-row:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:none;transform:none}[data-theme=dark] .lesson-num{background:var(--surface-3);color:var(--ink-3);font-family:var(--mono)}[data-theme=dark] .lesson-row:hover .lesson-num{background:var(--blue);color:#fff}[data-theme=dark] .topnav{background:#0a0b0cb8}[data-theme=dark] .brand-dot{background:var(--blue);border-radius:6px;width:26px;height:26px}[data-theme=dark] .nav-links a,[data-theme=dark] .nav-links button{color:var(--ink-3);font-size:13px}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links button:hover,[data-theme=dark] .nav-links a.active{color:var(--ink);background:var(--surface-2);border-radius:6px}[data-theme=dark] .student-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}[data-theme=dark] .signout-btn{color:var(--ink-3);border:1px solid var(--border);background:0 0}[data-theme=dark] .signout-btn:hover{color:var(--ink);background:var(--surface-2)}[data-theme=dark] .how-card,[data-theme=dark] .detail-card,[data-theme=dark] .lesson-objectives,[data-theme=dark] .chart-card,[data-theme=dark] .quiz{background:var(--surface);border:1px solid var(--border);border-radius:12px}[data-theme=dark] .options button{background:var(--surface-2);border:1px solid var(--border);border-radius:8px}[data-theme=dark] .options button:hover{border-color:var(--blue);background:var(--surface-3)}[data-theme=dark] .options button.correct{border-color:var(--green);background:#4cb7821f}[data-theme=dark] .options button.wrong{border-color:var(--red);background:#eb57571f}[data-theme=dark] .chart-controls{background:var(--surface);border:1px solid var(--border);border-radius:10px}[data-theme=dark] .chart-controls select,[data-theme=dark] .chart-controls input[type=number]{background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}[data-theme=dark] .chart-controls input[type=range]{accent-color:var(--blue)}[data-theme=dark] .chart-stats,[data-theme=dark] .chart-svg,[data-theme=dark] .infographic .node{background:var(--surface);border:1px solid var(--border);border-radius:10px}[data-theme=dark] .chart-card svg text,[data-theme=dark] .chart-svg text{fill:var(--ink-3)}[data-theme=dark] .chart-card svg line.axis,[data-theme=dark] .chart-svg line.axis{stroke:var(--border)}[data-theme=dark] .infographic .num{color:var(--blue);font-family:var(--mono)}[data-theme=dark] .bullet-list li:before{background:var(--blue)}[data-theme=dark] .auth-shell{background:radial-gradient(ellipse 90% 70% at 50% -10%, #5e6ad21f 0%, var(--bg) 60%)}[data-theme=dark] .auth-card.page{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px}[data-theme=dark] .field input{background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}[data-theme=dark] .field input:focus{border-color:var(--blue);box-shadow:var(--shadow-focus)}[data-theme=dark] .site-footer{background:var(--bg);border-top:1px solid var(--border);color:var(--ink-3)}[data-theme=dark] .section.mute{background:var(--bg-soft)}[data-theme=dark] .breadcrumb{color:var(--ink-3);font-size:13px}[data-theme=dark] .breadcrumb a{color:var(--ink-3);font-weight:400}[data-theme=dark] .breadcrumb a:hover{color:var(--ink)}[data-theme=dark] .eyebrow{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500}[data-theme=dark] .lesson-header .eyebrow,[data-theme=dark] .module-hero .eyebrow{color:var(--blue)}.reading-progress{top:var(--nav-h);z-index:90;pointer-events:none;background:0 0;height:2px;position:fixed;left:0;right:0}.reading-progress-bar{background:linear-gradient(90deg, var(--blue), var(--blue-hover));height:100%;box-shadow:0 0 12px var(--blue-focus-ring);transition:width 80ms linear}.hero-progress{flex-direction:column;align-items:center;gap:8px;max-width:520px;margin:32px auto 0;display:flex}.hero-progress-bar{background:var(--bg-mute);border:1px solid var(--border);border-radius:999px;width:100%;height:6px;overflow:hidden}.hero-progress-fill{background:linear-gradient(90deg, var(--blue), var(--blue-hover));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.hero-progress-text{color:var(--ink-3);font-size:12px;font-family:var(--mono)}.module-progress-bar{background:var(--bg-mute);border:1px solid var(--border);border-radius:999px;height:4px;margin-top:24px;overflow:hidden}.module-progress-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.ring{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex;position:relative}.ring svg{display:block}.ring-label{font-family:var(--mono);color:var(--ink);font-size:10px;font-weight:600;position:absolute}.meta-ring{flex-direction:row;align-items:center;gap:10px}.meta-ring span{color:var(--ink-3);font-size:13px}.module-card-progress{color:var(--ink-3);font-size:12px;font-family:var(--mono);align-items:center;gap:8px;display:inline-flex}.lesson-row.is-done .lesson-num{background:var(--accent);color:#fff}.lesson-row.is-done .lesson-title{color:var(--ink-3)}.lesson-row.is-visited .lesson-num{border:1px dashed var(--accent)}.lesson-score{background:var(--bg-mute);border:1px solid var(--border);color:var(--ink-3);font-size:11px;font-family:var(--mono);vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 8px;font-weight:600;display:inline-flex}.lesson-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-done-chip{color:var(--green-deep);font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:#4cb7821f;border:1px solid #4cb78252;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lesson-finish{justify-content:center;display:flex}.lesson-shortcut-hint{text-align:center;color:var(--ink-3);margin-top:16px;font-size:12px}.lesson-shortcut-hint kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--ink-2);border-bottom-width:2px;border-radius:5px;margin:0 2px;padding:1px 6px;font-size:11px;display:inline-block}.quiz .options button.picked{border-color:var(--blue);background:var(--blue-tint);color:var(--ink)}.quiz-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.quiz-foot-meta{color:var(--ink-3);font-size:12px;font-family:var(--mono)}.quiz-score{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:14px;padding:10px 16px;display:inline-flex}.quiz-score strong{font-family:var(--display);color:var(--ink);font-size:22px}.quiz-score span{color:var(--ink-2);font-size:14px}.quiz-score.pass{background:#4cb78214;border-color:#4cb78266}.quiz-score.pass strong{color:var(--green-deep)}.quiz-score.fail{background:#eb57570f;border-color:#eb575766}.quiz-score.fail strong{color:var(--red-deep)}.nav-search{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);height:32px;color:var(--ink-3);cursor:pointer;align-items:center;gap:8px;margin-right:4px;padding:0 10px 0 12px;font-size:12px;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.nav-search:hover{color:var(--ink);background:var(--surface-3);border-color:var(--border-strong)}.nav-search-label{font-weight:500}.nav-search-kbd{font-family:var(--mono);color:var(--ink-3);background:var(--bg);border:1px solid var(--border);border-radius:5px;align-items:center;gap:2px;padding:2px 6px;font-size:10px;display:inline-flex}@media (width<=640px){.nav-search-label,.nav-search-kbd{display:none}.nav-search{padding:0 8px}}.hero-search{border:1px dashed var(--border-mid)}.cmdk-backdrop{z-index:200;background:var(--overlay-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:96px 16px 16px;animation:.18s cmdk-fade;display:flex;position:fixed;inset:0}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk-panel{background:var(--surface);border:1px solid var(--border-mid);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) cmdk-rise;display:flex;overflow:hidden}@keyframes cmdk-rise{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}.cmdk-input-row{border-bottom:1px solid var(--border);color:var(--ink-3);align-items:center;gap:12px;padding:14px 16px;display:flex}.cmdk-input-row input{font-family:var(--sans);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.cmdk-input-row input::placeholder{color:var(--ink-3)}.cmdk-kbd,.cmdk-foot kbd{font-family:var(--mono);color:var(--ink-3);background:var(--bg-mute);border:1px solid var(--border);border-radius:5px;align-items:center;padding:2px 6px;font-size:11px;display:inline-flex}.cmdk-list{max-height:380px;padding:6px;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--ink-3);padding:32px 20px;font-size:14px}.cmdk-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:72px 1fr;align-items:center;column-gap:12px;padding:10px 12px;font-size:14px;display:grid}.cmdk-item.is-active{background:var(--surface-2)}.cmdk-kind{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;border-radius:6px;grid-row:1/span 2;align-self:center;padding:4px 8px;font-size:10px;font-weight:600}.cmdk-kind-module{background:var(--blue-tint);color:var(--blue)}.cmdk-kind-lesson{background:var(--surface-3);color:var(--ink-2)}.cmdk-kind-page{background:var(--surface-3);color:var(--ink-3)}.cmdk-title{color:var(--ink);grid-column:2;font-weight:500;line-height:1.3}.cmdk-sub{color:var(--ink-3);grid-column:2;font-size:12px}.cmdk-foot{border-top:1px solid var(--border);color:var(--ink-3);align-items:center;gap:14px;padding:10px 14px;font-size:11px;display:flex}.cmdk-foot span{align-items:center;gap:4px;display:inline-flex}.cmdk-foot .cmdk-spacer{flex:1}@media (prefers-reduced-motion:no-preference){.reveal-item{opacity:0;transition:opacity .52s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), transform .52s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(12px)}.reveal-grid.is-visible .reveal-item,.reveal-item.is-visible{opacity:1;transform:none}}.module-card:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .22s;position:absolute;inset:0;box-shadow:0 0 0 1px #0000}.module-card:hover:after{box-shadow:0 0 0 1px var(--accent)}.topic-widget{--topic-widget-padding:24px;max-width:100%;overflow:hidden}.topic-widget *,.lesson-section,.detail-card,.quiz,.module-card,.how-card,.infographic .node{min-width:0}@media (width<=980px){.topnav-inner{gap:10px}.nav-links{display:none}.module-hero h1{font-size:clamp(32px,6vw,44px)}}@media (width<=760px){.hero,[data-theme=dark] .hero{padding:72px clamp(14px,4vw,22px) 56px}.hero h1,[data-theme=dark] .hero h1{letter-spacing:0;font-size:clamp(38px,12vw,56px)}.hero-lead,.hero .lead,[data-theme=dark] .hero .lead,.section-head p,.module-hero .lead,.lesson-header .lead{font-size:16px;line-height:1.55}.hero-actions,.module-nav,.lesson-nav,.quiz-foot{flex-direction:column;align-items:stretch}.hero-actions .btn,.module-nav .btn,.lesson-nav .btn,.lesson-finish .btn,.quiz-foot .btn{white-space:normal;text-align:center;width:100%;max-width:100%;min-height:44px}.lesson-nav a{max-width:none}.hero-meta,.module-hero .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.meta-item strong{font-size:24px}.module-card,[data-theme=dark] .module-card,.how-card,.detail-card,.chart-card,.quiz,.lesson-objectives,.topic-widget{--topic-widget-padding:18px;border-radius:12px;padding:18px}.lesson-shell{padding:28px clamp(14px,4vw,22px) 72px}.lesson-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px}.lesson-arrow{display:none}}@media (width<=560px){.topnav-inner{gap:8px}.brand{gap:0}.brand span:last-child{display:none}.brand .brand-dot{width:32px;height:32px}.nav-actions{gap:6px}.signout-btn{justify-content:center;width:32px;padding:0;font-size:0}.signout-btn svg{width:15px;height:15px}.module-card-head,.module-card-foot,.chart-card .chart-head,.lesson-header-top{flex-direction:column;align-items:flex-start}.module-card-index{display:none}.infographic{gap:10px;margin:22px 0}.infographic .node{padding:16px}.cmdk-backdrop{padding:calc(var(--nav-h) + 12px) 10px 10px}.cmdk-item{grid-template-columns:1fr;row-gap:4px}.cmdk-kind,.cmdk-title,.cmdk-sub{grid-column:1}.topic-widget div[style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important}}@media (width<=380px){.container,.container-narrow{padding-left:12px;padding-right:12px}.topnav-inner{padding-left:8px;padding-right:8px}.nav-search,.nav-reset,.theme-toggle,.signout-btn{justify-content:center;width:30px;height:30px;padding:0}.hero-meta,.module-hero .hero-meta{grid-template-columns:1fr}.module-card,[data-theme=dark] .module-card,.how-card,.detail-card,.chart-card,.quiz,.lesson-objectives,.topic-widget{--topic-widget-padding:14px;padding:14px}.topic-widget div[style*=grid-template-columns]{grid-template-columns:1fr!important}.chart-controls,.chart-stats{gap:12px}}.nav-reset{border-radius:var(--r-pill);border:1px solid var(--border);height:32px;color:var(--ink-3);font-size:12px;font-weight:500;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.nav-reset:hover{color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}.nav-reset--armed{color:#eb5757;background:#eb575714;border-color:#eb5757;animation:1.4s infinite nav-reset-pulse;box-shadow:0 0 0 3px #eb57572e}.nav-reset--armed:hover{color:#eb5757;background:#eb575724}@keyframes nav-reset-pulse{0%,to{box-shadow:0 0 0 3px #eb57572e}50%{box-shadow:0 0 0 6px #eb57570f}}.nav-reset-spin{animation:.8s linear infinite spin360}@keyframes spin360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-reset--done{color:#4cb782;pointer-events:none;background:#4cb7821a;border-color:#4cb782;animation:.28s cubic-bezier(.22,1,.36,1) nav-reset-done-pop}@keyframes nav-reset-done-pop{0%{opacity:.6;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.nav-reset-label{font-size:12px}@media (width<=640px){.nav-reset-label{display:none}.nav-reset{padding:0 9px}}