@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-wght.woff2) format("woff2-variations"),url(/fonts/nunito-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--color-bg: #f8f7ff;--color-surface: #ffffff;--color-surface-sunken: #f0eefb;--color-text: #1e1a3a;--color-muted: #4f4a6d;--color-border: #dcd8ee;--color-border-strong: #8a82b6;--color-brand: #5536cf;--color-brand-strong: #40249f;--color-brand-soft: #ebe7ff;--color-on-brand: #ffffff;--color-accent: #ff7a50;--color-accent-text: #a63a17;--color-accent-soft: #ffeee6;--color-success: #1d6f46;--color-success-fill: #1e7f4f;--color-success-soft: #e2f5ea;--color-on-success: #ffffff;--color-warn: #7d4a00;--color-warn-fill: #f2b23a;--color-warn-soft: #fff4d9;--color-focus: #d1431b;--hue-violet: #7b61ff;--hue-coral: #ff7a50;--hue-sun: #ffc93c;--hue-teal: #22b5a6;--hue-sky: #4aa8ff;--hue-leaf: #59c26b;--diagram-fill: var(--color-brand);--diagram-empty: var(--color-surface);--diagram-line: var(--color-text);--diagram-label: var(--color-muted);--diagram-mark: var(--color-accent-text);--pip-body: #6c4cf0;--pip-belly: #b9a8ff;--pip-eye: #ffffff;--pip-pupil: #1e1a3a;--pip-hat: #ffc93c;--pip-hat-band: #ff7a50;--pip-cheek: #ff9bb0;--shadow-1: 0 1px 2px rgb(30 26 58 / .06), 0 1px 3px rgb(30 26 58 / .08);--shadow-2: 0 2px 4px rgb(30 26 58 / .06), 0 8px 24px rgb(30 26 58 / .1);--shadow-press: 0 4px 0 var(--color-brand-strong);--font-sans: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--step--1: .9375rem;--step-0: 1.125rem;--step-1: 1.3125rem;--step-2: clamp(1.5rem, 1.3rem + .9vw, 1.875rem);--step-3: clamp(2rem, 1.6rem + 1.8vw, 2.75rem);--step-4: clamp(2.5rem, 1.8rem + 3.2vw, 4rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-body: 1.6;--weight-body: 500;--weight-strong: 750;--weight-heavy: 850;--measure: 64ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--tap: 44px;--container: 72rem;--gutter: 1rem;--border-1: 1px;--border-2: 2px;--border-3: 3px;--focus-width: 3px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--dur-none: .01ms;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .45s;--dur-confetti: .9s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--color-bg: #13112a;--color-surface: #1c1937;--color-surface-sunken: #252146;--color-text: #f2f0fd;--color-muted: #c0bade;--color-border: #3a3566;--color-border-strong: #7770ad;--color-brand: #b3a3ff;--color-brand-strong: #d2c8ff;--color-brand-soft: #2e2865;--color-on-brand: #15112e;--color-accent: #ff9a78;--color-accent-text: #ffab8f;--color-accent-soft: #3a2124;--color-success: #79dfa9;--color-success-fill: #5fd197;--color-success-soft: #173a2a;--color-on-success: #0d2619;--color-warn: #ffd27a;--color-warn-fill: #f2b23a;--color-warn-soft: #3a2e12;--color-focus: #ffab8f;--diagram-fill: #9d89ff;--diagram-empty: var(--color-surface-sunken);--pip-body: #8a70ff;--pip-belly: #cbbdff;--pip-pupil: #15112e;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 2px 4px rgb(0 0 0 / .25), 0 8px 24px rgb(0 0 0 / .35);--shadow-press: 0 4px 0 #7a66d9}}@media(min-width:48rem){:root{--gutter: 1.5rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--space-5)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--weight-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);overflow-wrap:break-word}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-heavy);margin:0 0 var(--space-3);text-wrap:balance;letter-spacing:-.01em}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1);line-height:var(--leading-snug)}p,ul,ol{margin:0 0 var(--space-4)}p,li{max-width:var(--measure)}strong{font-weight:var(--weight-strong)}a{color:var(--color-brand);font-weight:var(--weight-strong);text-decoration-thickness:var(--border-2);text-underline-offset:.18em}a:hover{color:var(--color-brand-strong)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--border-2);border-radius:var(--radius-sm)}main:focus{outline:none}img,svg{max-width:100%;height:auto}.skip-link{position:absolute;left:var(--space-2);top:calc(-1 * var(--space-9));z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:var(--border-2) solid var(--color-border-strong);border-radius:var(--radius-md);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}main{flex:1}.shell{flex:1;padding-block:var(--space-6) var(--space-8)}.shell__main{min-width:0}.shell__aside{margin-top:var(--space-7)}@media(min-width:64rem){.shell--aside{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:var(--space-8);align-items:start}.shell--aside .shell__aside{margin-top:0;position:sticky;top:var(--space-5)}}.section{margin-top:var(--space-8)}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-5)}.section-head h2{margin:0}.section-head p{margin:0;color:var(--color-muted)}.band{padding-block:var(--space-8)}.band--sunken{background:var(--color-surface-sunken)}.lead{font-size:var(--step-1);line-height:var(--leading-snug);color:var(--color-muted);font-weight:var(--weight-body)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand);font-size:var(--step--1);font-weight:var(--weight-strong)}.breadcrumb{margin:0 0 var(--space-5);padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--step--1);color:var(--color-muted)}.breadcrumb a{display:inline-flex;align-items:center;min-height:var(--tap)}.breadcrumb li+li:before{content:"›";margin-right:var(--space-2);color:var(--color-muted)}.site-header{background:var(--color-surface);border-bottom:var(--border-1) solid var(--color-border)}.site-header__inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand cta" "nav nav";align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3) var(--space-2)}.brand{grid-area:brand;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--color-text);text-decoration:none;font-size:var(--step-1);font-weight:var(--weight-heavy);letter-spacing:-.02em}.brand:hover{color:var(--color-brand)}.brand__pip{flex:none}.brand__name{white-space:nowrap}@media(max-width:26rem){.brand{font-size:var(--step-0)}.site-header__cta .icon{display:none}}.site-nav{grid-area:nav}.site-nav ul{display:flex;gap:var(--space-1);list-style:none;margin:0 calc(-1 * var(--space-3));padding:0}.site-nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none}.site-nav a:hover{background:var(--color-surface-sunken);color:var(--color-brand)}.site-nav a[aria-current=page]{color:var(--color-brand);background:var(--color-brand-soft)}.site-header__cta{grid-area:cta}@media(min-width:48rem){.site-header__inner{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav cta";padding-block:var(--space-3)}.site-nav ul{margin:0;justify-content:center}}.site-footer{margin-top:auto;background:var(--color-surface);border-top:var(--border-1) solid var(--color-border);color:var(--color-muted);font-size:var(--step--1)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4) var(--space-6);padding-block:var(--space-6)}.site-footer__brand p{margin:var(--space-2) 0 0}.site-footer__brand .brand{font-size:var(--step-0)}.site-footer__links{display:flex;flex-wrap:wrap;gap:0 var(--space-4);list-style:none;margin:0;padding:0}.site-footer__links a{display:inline-flex;align-items:center;min-height:var(--tap)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-3) var(--space-5);border:var(--border-2) solid transparent;border-radius:var(--radius-pill);font:inherit;font-weight:var(--weight-heavy);line-height:var(--leading-tight);text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn--primary{background:var(--color-brand);color:var(--color-on-brand);box-shadow:var(--shadow-press)}.btn--primary:hover{background:var(--color-brand-strong);color:var(--color-on-brand)}.btn--primary:active{transform:translateY(2px);box-shadow:none}.btn--secondary{background:var(--color-surface);color:var(--color-brand);border-color:var(--color-border-strong)}.btn--secondary:hover{border-color:var(--color-brand);color:var(--color-brand-strong)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--step--1);box-shadow:none}.btn--large{padding:var(--space-3) var(--space-5);font-size:var(--step-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:var(--weight-strong);line-height:var(--leading-snug);white-space:nowrap}.chip--ready{background:var(--color-success-soft);color:var(--color-success)}.chip--soon{background:var(--color-surface-sunken);color:var(--color-muted)}.meter{height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.meter__fill{display:block;height:100%;inline-size:0;border-radius:inherit;background:var(--color-success-fill);transition:inline-size var(--dur-slow) var(--ease-out)}.hero{padding-block:var(--space-6) var(--space-7);background:var(--color-surface);border-bottom:var(--border-1) solid var(--color-border)}.hero__inner{display:grid;gap:var(--space-5);align-items:center}.hero h1{font-size:var(--step-4);margin-bottom:var(--space-3);letter-spacing:-.03em}.hero .lead{font-size:var(--step-2);color:var(--color-text);font-weight:var(--weight-strong);max-width:22ch}.hero__text>p:not(.lead):not(.eyebrow){color:var(--color-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0}.hero__art{justify-self:center;width:min(100%,22rem)}.trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:0;list-style:none;font-size:var(--step--1);color:var(--color-muted)}.trust li{display:inline-flex;align-items:center;gap:var(--space-2)}.trust .icon{color:var(--color-success)}@media(min-width:56rem){.hero{padding-block:var(--space-8)}.hero__inner{grid-template-columns:1.1fr 1fr;gap:var(--space-7)}.hero__art{width:100%}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:var(--space-5);padding-top:var(--space-7);border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-1) solid var(--color-border);font-weight:var(--weight-strong)}.steps li:before{content:counter(step);position:absolute;top:var(--space-4);left:var(--space-5);display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);font-size:var(--step--1);font-weight:var(--weight-heavy)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-5);margin:0;padding:0;list-style:none}.facts li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.facts .icon{color:var(--color-brand);margin-top:var(--space-1)}.facts strong{display:block}.facts span{color:var(--color-muted)}.grade-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:48rem){.grade-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}.grade-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:7.5rem;padding:var(--space-3) var(--space-2);border:var(--border-2) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:center;text-decoration:none;line-height:var(--leading-tight);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.grade-tile:hover{border-color:var(--color-brand);color:var(--color-text);transform:translateY(-2px)}.grade-tile[aria-current=page]{border-color:var(--color-brand);background:var(--color-brand-soft)}.grade-tile__label{font-size:var(--step--1);color:var(--color-muted)}.grade-tile__num{font-size:var(--step-3);font-weight:var(--weight-heavy);color:var(--color-brand)}.grade-tile__note{margin-top:var(--space-1);font-size:var(--step--1);font-weight:var(--weight-body);color:var(--color-muted)}.grade-tile[data-ready] .grade-tile__note{color:var(--color-success);font-weight:var(--weight-strong)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.card-grid--wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.course-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);height:100%;padding:var(--space-5);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.course-card--ready{border-width:var(--border-2);border-color:var(--color-brand);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.course-card--ready:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.course-card--featured{padding:var(--space-6)}@media(max-width:30rem){.course-card,.course-card--featured{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-5)}}.course-card__art{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-md);font-size:var(--step-1);font-weight:var(--weight-heavy);color:var(--color-text)}.course-card--featured .course-card__art{width:4.5rem;height:4.5rem;font-size:var(--step-2)}.hue-violet{background:color-mix(in srgb,var(--hue-violet) 24%,var(--color-surface))}.hue-coral{background:color-mix(in srgb,var(--hue-coral) 24%,var(--color-surface))}.hue-sun{background:color-mix(in srgb,var(--hue-sun) 30%,var(--color-surface))}.hue-teal{background:color-mix(in srgb,var(--hue-teal) 24%,var(--color-surface))}.hue-sky{background:color-mix(in srgb,var(--hue-sky) 24%,var(--color-surface))}.hue-leaf{background:color-mix(in srgb,var(--hue-leaf) 24%,var(--color-surface))}.course-card__top{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.course-card__title{margin:0;font-size:var(--step-1)}.course-card--featured .course-card__title{font-size:var(--step-2)}.course-card__link{color:var(--color-text);text-decoration:none}.course-card__link:hover{color:var(--color-brand)}.course-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.course-card__link:focus-visible{outline:none}.course-card__link:focus-visible:after{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--border-2)}.course-card__summary{margin:0 0 var(--space-2);color:var(--color-muted)}.course-card__meta{margin:0;font-size:var(--step--1);color:var(--color-muted)}.course-card__progress{margin-top:var(--space-4)}.course-card__count{margin:var(--space-2) 0 0;font-size:var(--step--1);color:var(--color-muted)}.course-card__cta{position:relative;z-index:1;margin:var(--space-5) 0 0}.course-hero{display:grid;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-7);border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-1) solid var(--color-border)}.course-hero p:last-child{margin-bottom:0}.course-hero__status{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.course-hero__status p{margin:0}@media(min-width:56rem){.course-hero{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;padding:var(--space-7)}}.lesson-path{position:relative;list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;gap:var(--space-3)}.lesson-path:before{content:"";position:absolute;top:var(--space-6);bottom:var(--space-6);left:calc(var(--space-5) + 1.25rem - var(--border-2));border-left:var(--border-3) dashed var(--color-border-strong)}.lesson-path>li{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-1) var(--space-4);max-width:none;padding:var(--space-4) var(--space-5);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.lesson-path__num{grid-row:span 3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);font-weight:var(--weight-heavy)}.lesson-path h3{margin:0;font-size:var(--step-1)}.lesson-path p{margin:0;color:var(--color-muted)}.lesson-path__links{display:flex;flex-wrap:wrap;gap:0 var(--space-4);font-size:var(--step--1)}.lesson-path__links a{display:inline-flex;align-items:center;min-height:var(--tap)}.lesson-path h3 a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--color-text)}.lesson-path h3 a:hover{color:var(--color-brand)}.status-done{display:none;align-self:center}.is-done .lesson-path__num,.is-done .course-map__num{background:var(--color-success-fill);color:var(--color-on-success)}.is-done .status-done{display:inline-flex}.lesson-path__n,.course-map__n{grid-area:1 / 1}.lesson-path__check,.course-map__check{grid-area:1 / 1;visibility:hidden}.is-done .lesson-path__n,.is-done .course-map__n{visibility:hidden}.is-done .lesson-path__check,.is-done .course-map__check{visibility:visible}.note{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-text)}.link-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.link-list a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-4);border:var(--border-2) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);text-decoration:none}.link-list a:hover{border-color:var(--color-brand)}.grade-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5);align-items:center;margin-bottom:var(--space-6)}.grade-hero__badge{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:var(--radius-lg);background:var(--color-brand);color:var(--color-on-brand);font-size:var(--step-4);font-weight:var(--weight-heavy);line-height:1}.grade-hero h1{margin-bottom:var(--space-2)}.grade-hero .lead{grid-column:1 / -1;margin:0}@media(min-width:48rem){.grade-hero .lead{grid-column:2}}.lesson-head{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:var(--border-1) solid var(--color-border)}.trail{display:flex;gap:var(--space-1);max-width:24rem}.trail__step{flex:1;height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:var(--border-1) solid var(--color-border)}.trail__step.is-done{background:var(--color-success-fill);border-color:var(--color-success-fill)}.trail__step.is-current{background:var(--color-brand);border-color:var(--color-brand)}.prose{max-width:var(--measure)}.prose h2{margin-top:var(--space-7)}.prose>h2:first-child{margin-top:0}.prose h3{margin-top:var(--space-6)}.prose ul,.prose ol{padding-left:var(--space-5)}.prose li+li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-brand);font-weight:var(--weight-heavy)}.figure{margin:var(--space-6) 0;padding:var(--space-5);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.figure svg{display:block;margin-inline:auto}.figure figcaption{margin-top:var(--space-3);font-size:var(--step--1);color:var(--color-muted);text-align:center;text-wrap:balance}@media(max-width:30rem){.figure{padding:var(--space-4)}}.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--radius-lg);border:var(--border-2) solid transparent}.callout__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill)}.callout__body>:first-child{margin-top:var(--space-1)}.callout__body>:last-child{margin-bottom:0}.callout h2,.callout h3{font-size:var(--step-1);margin-top:0}.callout--example{background:var(--color-brand-soft);border-color:var(--color-brand)}.callout--example .callout__icon{background:var(--color-brand);color:var(--color-on-brand)}.callout--warning{background:var(--color-warn-soft);border-color:var(--color-warn-fill)}.callout--warning .callout__icon{background:var(--color-warn-fill);color:var(--color-text)}.callout--remember{background:var(--color-success-soft);border-color:var(--color-success-fill)}.callout--remember .callout__icon{background:var(--color-success-fill);color:var(--color-on-success)}.callout--tip{background:var(--color-accent-soft);border-color:var(--color-accent)}.callout--tip .callout__icon{background:var(--color-accent);color:var(--color-text)}@media(max-width:30rem){.callout{grid-template-columns:minmax(0,1fr);padding:var(--space-4)}}.try-it{margin-top:var(--space-7);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-sunken)}@media(min-width:48rem){.try-it{padding:var(--space-6)}}.try-it__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.try-it__head h2{margin:0}.try-it__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text)}.questions{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:var(--space-3);counter-reset:question}.question-card{counter-increment:question;position:relative;max-width:none;padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 2.5rem);border:var(--border-2) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--dur-base) var(--ease-out)}.question-card:before{content:counter(question);position:absolute;left:var(--space-4);top:var(--space-4);display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand);font-size:var(--step--1);font-weight:var(--weight-heavy)}.question-card[data-result=got]{border-color:var(--color-success-fill)}.question-card[data-result=got]:before{content:"✓";background:var(--color-success-fill);color:var(--color-on-success);animation:pop var(--dur-slow) var(--ease-pop)}.question-card[data-result=not]{border-color:var(--color-warn-fill)}.question-card .question{margin:var(--space-1) 0 0;font-weight:var(--weight-strong)}.question-card details{margin-top:var(--space-3)}:is(.question-card,.puzzle) summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:var(--border-2) solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-brand);font-weight:var(--weight-heavy);cursor:pointer;list-style:none}:is(.question-card,.puzzle) summary::-webkit-details-marker{display:none}:is(.question-card,.puzzle) summary:before{content:"";width:.5em;height:.5em;border-right:var(--border-2) solid currentColor;border-bottom:var(--border-2) solid currentColor;transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-out)}:is(.question-card,.puzzle) details[open] summary:before{transform:rotate(45deg)}:is(.question-card,.puzzle) summary:hover{border-color:var(--color-brand);background:var(--color-brand-soft)}.question-card .answer{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-text)}.self-check{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3)}.self-check__prompt{margin:0;font-weight:var(--weight-strong)}.self-check__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn--check{padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);font-size:var(--step--1)}.btn--got:hover,.btn--got[aria-pressed=true]{background:var(--color-success-fill);border-color:var(--color-success-fill);color:var(--color-on-success)}.btn--not:hover,.btn--not[aria-pressed=true]{background:var(--color-warn-soft);border-color:var(--color-warn-fill);color:var(--color-text)}.btn--got[aria-pressed=true]{animation:pop var(--dur-slow) var(--ease-pop)}.quiz-status{min-height:1lh;margin:var(--space-4) 0 0;font-weight:var(--weight-strong);color:var(--color-success)}.quiz-done{display:grid;justify-items:start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-success-soft);border:var(--border-2) solid var(--color-success-fill);animation:rise var(--dur-slow) var(--ease-out)}.quiz-done p{margin:0}.quiz-done__title{font-size:var(--step-1);font-weight:var(--weight-heavy)}.quiz-done .btn{margin-top:var(--space-2)}.puzzle{margin-top:var(--space-7);padding:var(--space-5);border:var(--border-2) solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--dur-base) var(--ease-out)}@media(min-width:48rem){.puzzle{padding:var(--space-6)}}.puzzle[data-result=got]{border-color:var(--color-success-fill)}.puzzle__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.puzzle__head h2{margin:0}.puzzle__icon{display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text)}.puzzle[data-result=got] .puzzle__icon{background:var(--color-success-fill);color:var(--color-on-success);animation:pop var(--dur-slow) var(--ease-pop)}.puzzle__kind{margin:0;font-size:var(--step--1);font-weight:var(--weight-heavy);color:var(--color-accent-text)}.puzzle__prompt{margin:0;font-weight:var(--weight-strong)}.puzzle .figure{margin:var(--space-5) 0;padding:var(--space-4)}.puzzle-shapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(min-width:40rem){.puzzle-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}}.puzzle-shapes li{display:grid;justify-items:center;gap:var(--space-1);max-width:none}.puzzle-shapes__label{font-size:var(--step-1);font-weight:var(--weight-heavy)}.puzzle__choices{margin:0;padding:0;border:0;min-width:0}.puzzle__choices legend{margin-bottom:var(--space-3);padding:0;font-weight:var(--weight-heavy)}.puzzle__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--space-2)}.puzzle__options--equations{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.puzzle__options--equations .puzzle__option>span{white-space:nowrap}.puzzle__option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-4);border:var(--border-2) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-weight:var(--weight-strong);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.puzzle__option input{flex:none;width:1.25rem;height:1.25rem;margin:0;accent-color:var(--color-brand)}.puzzle__option input:focus-visible{outline:none}.puzzle__option:hover,.puzzle__option:has(input:checked){border-color:var(--color-brand);background:var(--color-brand-soft)}.puzzle__option:has(input:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--border-2)}.puzzle .puzzle__option[data-state=right]{border-color:var(--color-success-fill);background:var(--color-success-soft)}.puzzle .puzzle__option[data-state=wrong]{border-color:var(--color-warn-fill);background:var(--color-warn-soft)}.puzzle__actions{margin-top:var(--space-4)}.puzzle__actions:has([hidden]){display:none}.puzzle__status{margin:var(--space-3) 0 0;font-weight:var(--weight-strong)}.puzzle__status:empty{margin:0}.puzzle__status[data-tone=got]{color:var(--color-success)}.puzzle__reveal{margin-top:var(--space-3)}.puzzle__reveal p{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-text)}.puzzle__reveal--hint p{background:var(--color-warn-soft)}.puzzle .quiz-done{margin-top:var(--space-5)}.next-steps{display:grid;gap:var(--space-3);margin-top:var(--space-7)}.next-steps__row{display:grid;gap:var(--space-3)}@media(min-width:40rem){.next-steps__row{grid-template-columns:1fr 1fr}.next-card--next{justify-content:flex-end;text-align:right}}.next-card{display:flex;align-items:center;gap:var(--space-3);min-height:calc(var(--tap) + var(--space-4));padding:var(--space-3) var(--space-5);border:var(--border-2) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-decoration:none;line-height:var(--leading-snug)}a.next-card:hover{border-color:var(--color-brand);color:var(--color-brand)}.next-card .icon{flex:none;color:var(--color-brand)}.next-card__text{flex:1}.next-card--next .next-card__text{flex:initial}.next-card--primary{min-height:calc(var(--tap) + var(--space-5));border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand);font-size:var(--step-1);font-weight:var(--weight-heavy);box-shadow:var(--shadow-press)}a.next-card--primary:hover{background:var(--color-brand-strong);color:var(--color-on-brand)}.next-card--primary .icon{color:var(--color-on-brand)}.next-card--empty{color:var(--color-muted);font-weight:var(--weight-body);border-style:dashed}.course-map{padding:var(--space-5);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.course-map__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--color-brand)}.course-map__title a{color:var(--color-text)}.course-map__count{margin:var(--space-2) 0 var(--space-4);font-size:var(--step--1);color:var(--color-muted)}.course-map__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.course-map__list a{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--step--1);font-weight:var(--weight-body);line-height:var(--leading-snug);text-decoration:none}.course-map__list a:hover{background:var(--color-surface-sunken)}.course-map__list a[aria-current]{background:var(--color-brand-soft);font-weight:var(--weight-strong)}.course-map__num{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:var(--border-1) solid var(--color-border);font-size:var(--step--1);font-weight:var(--weight-heavy)}.course-map__list a[aria-current] .course-map__num{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:center;margin-bottom:var(--space-6)}.page-head .pip{width:5.5rem}.page-section{max-width:var(--measure);margin-top:var(--space-7)}.page-section ul{padding-left:var(--space-5)}.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-brand-soft)}.cta-band p{margin:0;font-size:var(--step-1);font-weight:var(--weight-heavy)}.jump-links{margin-bottom:var(--space-6)}.confetti{position:fixed;z-index:20;width:0;height:0;pointer-events:none}.confetti span{position:absolute;width:var(--space-2);height:var(--space-3);border-radius:var(--border-2);animation:burst var(--dur-confetti) var(--ease-out) forwards}@keyframes burst{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + var(--space-8))) rotate(var(--rot));opacity:0}}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--dur-none)!important;animation-iteration-count:1!important;transition-duration:var(--dur-none)!important;scroll-behavior:auto!important}.confetti{display:none}}.card-grid__lead{grid-column:1 / -1}.section-note{margin-top:var(--space-5);color:var(--color-muted)}.shell__main>.section{margin-top:var(--space-7)}:where(.shell__main>.section) :is(ul,ol):not([class]){padding-left:var(--space-5)}.shell--aside .shell__main>*{max-width:46rem}.shell--aside .prose{max-width:46rem}.quiz-status:empty{min-height:0;margin:0}@media(max-width:30rem){.try-it{margin-inline:calc(-1 * var(--gutter));padding:var(--space-5) var(--space-3);border-radius:0}.question-card{padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 2.25rem)}.question-card:before{left:var(--space-3)}.puzzle{padding:var(--space-5) var(--space-4)}.puzzle .figure{margin-inline:calc(-1 * var(--space-2));padding:var(--space-3)}}:is(.card-grid,.grade-picker,.steps,.facts,.link-list,.trust,.course-map__list)>li{max-width:none}