.site-header{padding:1rem var(--gutter);position:static}.site-home-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-headline);font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s ease,transform .15s ease}.site-home-btn:hover{background:var(--primary-dark, #1d4ed8)}.site-home-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.site-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--primary);font-family:var(--font-headline);font-weight:700;font-size:1.25rem}.site-logo--small{font-size:1rem}.site-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.9rem}.site-footer{margin-top:auto;padding:2rem var(--gutter);background:var(--surface-container);border-top:1px solid var(--outline-variant)}.site-footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-footer__copy{margin:0;font-size:.8125rem;color:var(--on-surface-variant)}.site-footer__links{display:flex;gap:1.25rem}.site-footer__links a{font-size:.875rem;font-weight:600;text-decoration:none}.lesson-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--outline-variant)}.lesson-footer__nav{display:flex;gap:1rem;align-items:center}.lesson-footer__nav a{font-weight:600;text-decoration:none}.hub-hero{display:grid;gap:2rem;padding:2rem 0 3rem}@media(min-width:56rem){.hub-hero{grid-template-columns:1fr 340px;align-items:center}}.hub-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;margin:1rem 0}.hub-hero__accent{color:var(--primary)}.hub-hero__lead{color:var(--on-surface-variant);font-size:1.1rem;line-height:1.65;max-width:36rem;margin:0 0 1.5rem}.hub-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hub-hero__visual{padding:1.5rem;background:linear-gradient(160deg,#0d9488,#14b8a6,#2dd4bf);min-height:16rem;display:flex;flex-direction:column;justify-content:space-between}.hub-hero__shapes{display:flex;gap:1rem;font-size:3rem;justify-content:center;padding:1rem 0}.shape--cube{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.shape--tri{color:#6cf8bb}.shape--ruler{font-size:2.5rem}.hub-hero__tip{margin:0;background:#fffffff2;color:var(--on-surface);font-size:.875rem}.hub-pathways h2{font-size:1.75rem;margin-bottom:1.5rem}.hub-pathways__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pathway-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pathway-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pathway-card__visual{height:10rem;position:relative;display:flex;align-items:center;justify-content:center}.pathway-card__visual--area{background:linear-gradient(145deg,#0d1c2e,#1e40af)}.pathway-card__visual--perimeter{background:linear-gradient(145deg,#dce9ff,#93c5fd)}.pathway-card__formula{font-family:var(--font-headline);font-size:2rem;font-weight:700;color:var(--primary);border:3px dashed var(--primary);padding:1.5rem 2.5rem;border-radius:var(--radius-md)}.pathway-card__body{padding:1.25rem 1.5rem 1.5rem}.pathway-card__body h3{font-size:1.25rem;margin-bottom:.5rem}.pathway-card__body p{margin:0 0 1rem;color:var(--on-surface-variant);font-size:.9rem;line-height:1.5}.pathway-card__link{font-weight:700;color:var(--primary)}.viz__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.viz__header h2{font-size:1.125rem;font-weight:600}.viz__refresh{background:var(--surface-container);border:none;width:2.25rem;height:2.25rem;border-radius:50%;font-size:1.1rem;color:var(--primary)}.viz__canvas{overflow:auto;padding:.5rem;background:var(--surface-container-low, #eff4ff);border-radius:var(--radius-md);min-height:14rem;display:flex;justify-content:center}.viz__svg{max-width:100%;height:auto}.viz__label{font-size:11px;font-weight:600;fill:var(--on-surface-variant);font-family:var(--font-body)}.viz__tile{animation:tilePop .35s ease backwards}@keyframes tilePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.viz__walk-line{transition:stroke-dashoffset .8s ease}.viz__walk-line--instant{transition:none}.viz__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--outline-variant)}.viz__controls p{margin:0;color:var(--on-surface-variant);font-size:.9rem}.pathway-progress{margin-bottom:1rem}.pathway-progress__title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pathway-progress__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.pathway-progress__item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--surface-container);border:1px solid var(--outline-variant)}.pathway-progress__item--earned{border-color:var(--secondary);background:#34d39914}.pathway-progress__item--current{border-color:var(--primary);background:#2563eb0f}.pathway-progress__item--locked{opacity:.55}.pathway-progress__badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.pathway-progress__item--earned .pathway-progress__badge{background:var(--secondary)}.pathway-progress__item--locked .pathway-progress__badge{background:var(--on-surface-variant)}.pathway-progress__label{flex:1;font-size:.875rem;font-weight:600}.pathway-progress__status{font-size:.75rem;font-weight:600;color:var(--secondary)}.pathway-progress__status--active{color:var(--primary)}.rect-preview{margin:0}.rect-preview__label{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.rect-preview__canvas{overflow:auto;padding:.5rem;background:var(--surface-container-low, #eff4ff);border-radius:var(--radius-md);display:flex;justify-content:center}.rect-preview__svg{max-width:100%;height:auto}.rect-preview__dim{font-size:11px;font-weight:600;fill:var(--on-surface-variant);font-family:var(--font-body)}.certificate{margin-top:2rem}.certificate__border{padding:2.5rem 2rem;text-align:center;background:linear-gradient(145deg,#fff,#eff4ff);border:4px double var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.certificate__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}.certificate__title{font-family:var(--font-headline);font-size:1.75rem;color:var(--primary-dark);margin:0 0 1rem}.certificate__body{margin:0 0 1.25rem;font-size:1.05rem;line-height:1.6;color:var(--on-surface-variant);max-width:28rem;margin-left:auto;margin-right:auto}.certificate__date{margin:0 0 1.5rem;font-size:.875rem;color:var(--outline)}.certificate__print{margin:0 auto}@media print{body *{visibility:hidden}.certificate,.certificate *{visibility:visible}.certificate{position:absolute;left:0;top:0;width:100%;margin:0;padding:2rem}.certificate__print{display:none}.certificate__border{box-shadow:none;border-width:3px}}.pathway-quiz{margin-top:2rem}.pathway-quiz h2{font-size:1.25rem;margin-bottom:.5rem}.pathway-quiz__intro{margin:0 0 1.5rem;color:var(--on-surface-variant);line-height:1.55}.pathway-quiz__layout{display:grid;gap:1.5rem}@media(min-width:56rem){.pathway-quiz__layout{grid-template-columns:1fr 340px;align-items:start}}.pathway-quiz__main{min-width:0}.pathway-quiz__aside{display:flex;flex-direction:column;gap:1rem}.pathway-quiz__level-label{margin:0 0 1rem;font-size:.9375rem;font-weight:700;color:var(--primary)}.pathway-quiz__list{margin:0 0 1.5rem;padding:0;list-style:none}.pathway-quiz__item{padding:1rem 0;border-bottom:1px solid var(--outline-variant);transition:background .15s ease}.pathway-quiz__item--focused{background:#2563eb0a;margin-inline:-.5rem;padding-inline:.5rem;border-radius:var(--radius-sm)}.pathway-quiz__item:last-child{border-bottom:none}.pathway-quiz__prompt{margin:0 0 .75rem;line-height:1.5}.pathway-quiz__num{font-weight:700;color:var(--primary)}.pathway-quiz__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.pathway-quiz__unit{font-size:.875rem;font-weight:600;color:var(--on-surface-variant)}.pathway-quiz__mark{font-size:.875rem;font-weight:700}.pathway-quiz__mark--ok{color:var(--secondary)}.pathway-quiz__mark--err{color:var(--error)}.pathway-quiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.pathway-quiz__score{margin:0;font-size:1rem}.pathway-quiz__viz .viz{margin:0}.pathway-quiz__viz .viz__header h2{font-size:1rem}.pathway-quiz__no-viz{text-align:center}.pathway-quiz__no-viz-title{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--on-surface-variant)}.pathway-quiz__no-viz p{margin:0;font-size:.875rem;color:var(--on-surface-variant);line-height:1.5}.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}.area-sandbox__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.area-sandbox__header h2{font-size:1.125rem}.area-sandbox__grid{display:grid;grid-template-columns:repeat(var(--cols, 4),2.5rem);gap:4px;padding:1.5rem;background:var(--surface-container);border-radius:var(--radius-md);min-height:12rem;justify-content:center;margin-bottom:1.25rem}.area-sandbox__cell{width:2.5rem;height:2.5rem;background:#2563eb66;border:2px solid var(--primary);border-radius:4px;animation:tilePop .3s ease backwards}.area-sandbox__sliders{display:flex;flex-direction:column;gap:1rem}.area-sandbox__sliders label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.area-sandbox__sliders input[type=range]{accent-color:var(--primary)}.tip-cards{display:grid;gap:1rem;margin-top:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-card__icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.tip-card h3{font-size:1rem;margin-bottom:.35rem}.tip-card p{margin:0;font-size:.875rem;color:var(--on-surface-variant)}.try-section h2{font-size:1.25rem;margin-bottom:.75rem}.try-section__row{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;justify-content:space-between}.try-section__garden{flex-shrink:0}.lesson-sidebar{display:flex;flex-direction:column;gap:1.25rem}:root{--surface: #f8f9ff;--surface-container: #e6eeff;--surface-container-high: #dce9ff;--on-surface: #0d1c2e;--on-surface-variant: #434655;--outline: #737686;--outline-variant: #c3c6d7;--primary: #2563eb;--primary-dark: #004ac6;--on-primary: #ffffff;--primary-container: #dbe1ff;--secondary: #006c49;--secondary-bright: #10b981;--secondary-container: #6cf8bb;--tertiary: #996100;--tertiary-container: #ffddb8;--error: #ba1a1a;--error-container: #ffdad6;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px rgba(0, 0, 0, .08);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--font-headline: "Montserrat", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--max-width: 80rem;--gutter: 1.5rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--on-surface);background:var(--surface);background-image:radial-gradient(circle,#c3c6d7 1px,transparent 1px);background-size:24px 24px}h1,h2,h3{font-family:var(--font-headline);margin:0}a{color:var(--primary)}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter) 3rem}.page-inner{padding-top:1.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge--green{background:#10b98126;color:var(--secondary)}.badge--blue{background:var(--primary-container);color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:.9375rem;border:none;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:scale(1.02)}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn--success{background:var(--secondary);color:var(--on-primary)}.btn--dark{background:var(--on-surface);color:var(--on-primary)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--outline-variant)}.card-padded{padding:1.5rem}.callout{padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:4px solid}.callout--tip{background:#2563eb14;border-color:var(--primary)}.callout--pro{background:#10b9811a;border-color:var(--secondary-bright)}.callout--orange{background:#9961001a;border-color:var(--tertiary)}.formula-box{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--on-primary);border-radius:var(--radius-lg);padding:1.5rem}.formula-box__label{font-size:.7rem;font-weight:700;letter-spacing:.12em;opacity:.9;margin:0 0 .75rem}.formula-box__expr{font-family:var(--font-headline);font-size:2rem;font-weight:700;background:#ffffff26;padding:1rem;border-radius:var(--radius-md);margin:0 0 1rem;text-align:center}.formula-box p{margin:0;font-size:.9rem;line-height:1.55;opacity:.95}.progress-track{height:12px;background:var(--outline-variant);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary) 0%,var(--secondary-bright) 100%);border-radius:9999px;transition:width .4s ease}.grid-2{display:grid;gap:1.5rem}@media(min-width:56rem){.grid-2{grid-template-columns:1fr 320px}.grid-2--wide-main{grid-template-columns:1fr 280px}}.lesson-hero{display:grid;gap:2rem;margin-bottom:2rem}@media(min-width:48rem){.lesson-hero{grid-template-columns:1fr 280px;align-items:start}}.lesson-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:.5rem 0 1rem}.lesson-hero__lead{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.65;margin:0}.hero-illus{border-radius:var(--radius-xl);overflow:hidden;min-height:12rem;display:flex;align-items:center;justify-content:center}.hero-illus--photo{background:linear-gradient(145deg,#dce9ff,#93c5fd)}.hero-illus--cubes{background:linear-gradient(145deg,#0d1c2e,#1e3a5f);padding:1.5rem}.input-math{width:100%;max-width:12rem;padding:.75rem 1rem;font-size:1.25rem;font-weight:600;border:2px solid var(--outline-variant);border-radius:var(--radius)}.input-math:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.feedback-msg{margin-top:.75rem;font-weight:600}.feedback-msg--ok{color:var(--secondary)}.feedback-msg--err{color:var(--error)}