body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-ui);font-size:var(--text-base);line-height:1.7}*{box-sizing:border-box}a{color:var(--ink);text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}h1,h2{font-family:var(--f-display);line-height:1.1;font-weight:600}h1{font-size:clamp(2.5rem,4.5vw,3.5rem);letter-spacing:-.03em}h2{font-size:clamp(1.875rem,3vw,2.5rem)}h3{font-size:var(--text-lg)}p,li{max-width:72ch}.learn-nav{display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap;padding:var(--space-4) var(--space-6);box-shadow:var(--s-nav)}.learn-logo{font-weight:900;font-size:var(--text-xl);text-decoration:none}.learn-logo span{color:var(--yellow)}.learn-nav .button{margin-left:auto;background:var(--yellow);color:var(--ink)}main,.learn-footer{max-width:1160px;margin:auto;padding:var(--space-12) var(--space-6)}.learn-hero{max-width:880px;padding:var(--space-8) 0}.eyebrow{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.intro{font-size:var(--text-lg)}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-6)}.learn-card,.worked,.practice,.parent-note{background:var(--white);padding:var(--space-8);border-radius:var(--r-card);box-shadow:var(--s1)}.learn-card h2{font-size:var(--text-2xl)}.learn-card{display:flex;flex-direction:column}.learn-card a{margin-top:auto}.learn-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:var(--space-12)}.learn-content>section{margin:0 0 var(--space-12)}.learn-content h2{font-size:var(--text-3xl)}.button{display:inline-block;padding:var(--space-3) var(--space-6);border:0;border-radius:var(--r-pill);background:var(--ink);color:var(--white);text-decoration:none;font-weight:800;cursor:pointer}.practice fieldset{border:0;padding:0;margin:var(--space-6) 0}.practice legend{font-weight:800;margin-bottom:var(--space-3)}.practice label{display:block;cursor:pointer;padding:var(--space-2);margin:var(--space-2) 0;box-shadow:var(--s1);border-radius:var(--r-icon,12px)}.practice input{margin-right:var(--space-3)}.feedback{font-weight:600}.learn-meta{font-size:var(--text-sm);color:var(--body)}.fraction-model{display:block;width:100%;height:auto;background:var(--white);border-radius:var(--r-card)}.fraction-model .filled{fill:var(--ink)}.fraction-model .empty{fill:var(--cream)}.fraction-model text{fill:var(--ink);font-family:var(--f-ui);font-size:20px}.learn-footer{display:flex;flex-wrap:wrap;gap:var(--space-6)}.learn-cta{margin:var(--space-12) 0}.skip-link{position:absolute;left:-10000px}.skip-link:focus{position:static}.jump-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.practice [hidden]{display:none}.learn-search{width:100%;max-width:640px;border:0;box-shadow:var(--s1);padding:var(--space-4);border-radius:var(--r-card);background:var(--white);color:var(--ink)}@media(max-width:760px){.learn-layout{grid-template-columns:1fr}.learn-nav{gap:var(--space-4)}.learn-nav .button{margin-left:0}.learn-card,.worked,.practice,.parent-note{padding:var(--space-6)}main{padding-top:var(--space-6)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media print{.learn-nav,.learn-footer,.learn-cta,.button{display:none}.learn-layout{display:block}.worked,.practice,.parent-note{box-shadow:none}.learn-content>section{break-inside:avoid}}
[data-library-card][hidden]{display:none}
.lesson-contents{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6);margin-bottom:var(--space-8);background:var(--white);border-radius:var(--r-card);box-shadow:var(--s1)}.lesson-contents strong{flex-basis:100%}.learn-content dt{font-weight:800;margin-top:var(--space-4)}.learn-content dd{margin-left:0}.worked-detail{margin:var(--space-6) 0}.worked-detail li{margin:var(--space-3) 0}.practice-task{padding:var(--space-4) 0}.lesson-faq{padding:var(--space-4) 0}.learn-content summary{cursor:pointer;font-weight:800}.teaching-figure{margin:var(--space-8) 0}.teaching-figure svg{display:block;width:100%;background:var(--white);border-radius:var(--r-card)}.teaching-figure text{fill:var(--ink);font-family:var(--f-ui);font-size:24px}.model-fill{fill:var(--ink)}.model-empty{fill:var(--cream)}.model-line{stroke:var(--ink);stroke-width:2}.learn-content section[id]{scroll-margin-top:var(--space-6)}@media(max-width:760px){.teaching-figure svg{min-width:540px}.teaching-figure{overflow-x:auto;padding-bottom:var(--space-3)}.lesson-contents{gap:var(--space-3)}}
.learn-content{min-width:0}.teaching-figure{max-width:100%}
/* Educational accents requested for the public learning library. */
body{--learn-teal:#18766b;--learn-mint:#e5f5f0;--learn-blue:#315aa8;--learn-sky:#eaf1ff;--learn-purple:#7043a2;--learn-lilac:#f1eaff;--learn-orange:#a65d13;--learn-peach:#fff1d2;--learn-coral:#fff0e9;--learn-accent:var(--learn-teal);--learn-tint:var(--learn-mint)}
body[data-topic="decimals-percentages"]{--learn-accent:var(--learn-blue);--learn-tint:var(--learn-sky)}body[data-topic="number-sense"]{--learn-accent:var(--learn-orange);--learn-tint:var(--learn-peach)}body[data-topic="pre-algebra"]{--learn-accent:var(--learn-purple);--learn-tint:var(--learn-lilac)}
.learn-hero{max-width:none}.lesson-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:var(--space-8);align-items:center;padding-bottom:var(--space-12)}.lesson-hero h1{margin:var(--space-4) 0}.topic-art{display:block;width:100%;height:auto;border-radius:var(--r-card)}.lesson-hero>.topic-art{transform:rotate(2deg);box-shadow:var(--s1)}.lesson-actions{display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap;margin-top:var(--space-6)}.lesson-actions>.button{background:var(--learn-accent)}
.learn-layout{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:var(--space-8)}.learn-content{font-size:17px}.learn-content h2{line-height:1.2}.learn-content h3{line-height:1.45}.learn-layout>aside{font-size:15px}.learn-layout>aside h2{font-size:26px}.learn-layout>aside>ul{padding-left:20px}.learn-layout>aside li{margin-bottom:var(--space-4)}
.learn-card{padding:var(--space-6);overflow:hidden}.learn-card>.topic-art,.game-preview{width:100%;height:180px;object-fit:contain;background:var(--cream);border-radius:var(--r-card);margin-bottom:var(--space-4)}.learn-card .eyebrow{color:var(--learn-accent)}.learn-card h2{line-height:1.25}.learn-card>a:not(.button){font-weight:800;color:var(--learn-accent)}
.concept-picture{padding:var(--space-6);background:var(--learn-tint);border-radius:var(--r-card)}.concept-picture figure{margin:0}.concept-picture .eyebrow{margin-top:0;color:var(--learn-accent)}.fraction-model .filled,.model-fill{fill:var(--learn-accent)}.fraction-model .empty,.model-empty{fill:var(--learn-tint)}figcaption{font-size:14px;line-height:1.6;margin-top:var(--space-3);color:var(--body)}
.lesson-contents{box-shadow:none;background:var(--white);gap:var(--space-3);padding:var(--space-6);border:1px solid var(--learn-tint)}.lesson-contents a{font-size:14px;border-radius:var(--r-pill);background:var(--learn-tint);padding:8px 14px;text-decoration:none}.lesson-contents a:hover{text-decoration:underline}.learn-content dl{display:grid;grid-template-columns:1fr 2fr;gap:12px 20px;background:var(--learn-sky);padding:var(--space-6);border-radius:var(--r-card)}.learn-content dt{margin:0;color:var(--learn-blue)}.learn-content dd{margin:0}
.worked-detail{box-shadow:none;border:1px solid var(--learn-tint);border-top:5px solid var(--learn-accent);padding:var(--space-6)}.worked-detail h3{margin-top:0}.worked-detail ol{padding-left:26px}.worked-detail li{padding-left:8px}.worked-detail li::marker{font-weight:900;color:var(--learn-accent)}#mistakes{background:var(--learn-coral);padding:var(--space-6);border-radius:var(--r-card)}#mistakes h2{margin-top:0}.practice{background:var(--learn-sky);box-shadow:none}.practice label{background:var(--white);padding:12px;box-shadow:none}.practice input{accent-color:var(--learn-blue)}.practice-task{padding:var(--space-6);margin:var(--space-4) 0;background:var(--white);border-radius:var(--r-card)}.practice-task h3{margin-top:0}.practice-task summary,.lesson-faq summary{color:var(--learn-blue)}.lesson-faq{padding:var(--space-4);border-bottom:1px solid var(--learn-tint)}.parent-note{background:var(--learn-lilac);box-shadow:none}.parent-note h2{color:var(--learn-purple)}.learn-cta{background:var(--learn-peach);border-radius:var(--r-card);padding:var(--space-8)}.learn-cta h2{margin-top:0}
.play-panel{padding:var(--space-6);background:var(--learn-mint);border-radius:var(--r-card);border:1px solid var(--learn-teal)}.play-panel h2{margin-top:0}.play-panel .eyebrow{color:var(--learn-teal)}.play-panel .button{background:var(--learn-teal)}.play-panel figure{margin:var(--space-6) 0 0}.play-panel img{display:block;width:100%;height:auto;border-radius:12px}.play-panel>.topic-art{max-width:300px;margin:var(--space-6) auto 0}.access-note{font-size:13px;line-height:1.6}.learn-content section[id]{scroll-margin-top:24px}
@media(max-width:760px){.lesson-hero{grid-template-columns:1fr}.lesson-hero>.topic-art{max-width:340px;justify-self:center;transform:none}.learn-layout{grid-template-columns:1fr}.learn-content{font-size:16px}.learn-content h2{font-size:28px}.learn-content dl{grid-template-columns:1fr;gap:8px}.learn-content dd{margin-bottom:12px}.concept-picture{padding:16px}.concept-picture .teaching-figure{overflow-x:auto}.learn-content>section{margin-bottom:32px}.learn-nav{font-size:14px}.learn-nav .button{padding:8px 16px}.play-panel,.practice,.worked-detail,#mistakes,.parent-note{padding:20px}}
@media print{.lesson-hero{display:block}.lesson-hero>.topic-art{max-width:240px}.play-panel{break-inside:avoid}}