@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#182644;background:#f5f7fc;font-size:16px;--navy:#182644;--purple:#6042cc;--teal:#087d83;--line:#dce2ee}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ecab25;outline-offset:4px}button{transition:background .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}header{height:88px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.brand{color:inherit;display:flex;align-items:center;gap:14px;text-decoration:none;font-size:1.3rem;letter-spacing:-.5px}.brand b{color:#b3a1ff}.logo{background:#b3a1ff;color:var(--navy);font-size:2.4rem;font-weight:500;border-radius:12px;width:44px;height:44px;display:grid;place-content:center}.grade{font-size:.8rem;letter-spacing:1.8px;color:#e0e6f4;white-space:nowrap}.grade span{margin:0 10px;color:#9c89e7}.layout{max-width:1560px;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 88px)}aside{padding:35px 24px;border-right:1px solid var(--line);background:#fff}.course-label,.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:1.8px;color:#56617a}aside h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.5rem;line-height:1.25;letter-spacing:-.7px;margin:16px 0 24px}.progress-label{font-size:.8rem;color:#59677d}progress{width:100%;height:6px;border:0;background:#e9e7f7;margin:12px 0 24px;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#eceaf5}progress::-webkit-progress-value{background:var(--purple)}progress::-moz-progress-bar{background:var(--purple)}nav{display:flex;flex-direction:column;gap:5px}.lesson-link{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 10px;border-radius:8px;color:#516077;width:100%;font-size:.86rem;line-height:1.4}.lesson-link:hover{background:#f5f4fa}.lesson-link.active{background:#eeebfc;color:#463194;font-weight:700}.lesson-number{font-size:.75rem;color:#67758a;flex-shrink:0;width:26px;height:26px;display:grid;place-content:center;border:1px solid #e3e5ef;border-radius:7px;background:#fff}.active .lesson-number{background:var(--purple);color:#fff;border-color:var(--purple)}.lesson-number.done{background:#dcf5ef;color:#087363;border-color:#c4e8df}.side-note{border-top:1px solid var(--line);padding:24px 10px 0;margin-top:26px;font-size:.8rem;line-height:1.65}.side-note b,.side-note span{display:block}.side-note span{color:#637087;margin-top:5px}main{padding:40px 5% 30px;min-width:0;outline:none}.eyebrow{color:var(--purple)}.eyebrow span{color:#b2a9d6;margin:0 10px}h1{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-1.3px;font-size:clamp(1.75rem,2.7vw,2.55rem);line-height:1.16;margin:12px 0 26px}.mode-tabs{display:flex;align-items:center;gap:12px;margin-bottom:25px}.mode-tabs button{background:transparent;border:0;border-radius:9px;padding:12px 17px;color:#617087;font-weight:600}.mode-tabs button span{font-size:.8rem;margin-right:7px;opacity:.75}.mode-tabs button[aria-selected=true]{background:#182644;color:white;box-shadow:0 4px 12px #18264415}.tab-link{color:#8790a3}.lesson-content{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 5px 20px #253b6110}.lead{font-size:1.05rem;line-height:1.7;margin:0 0 25px;color:#4c5c76}.walkthrough{border:1px solid #dce3ee;border-radius:12px;overflow:hidden;background-color:#f8faff;background-image:linear-gradient(#ced7eb38 1px,transparent 1px),linear-gradient(90deg,#ced7eb38 1px,transparent 1px);background-size:24px 24px}.example-top{display:flex;justify-content:space-between;gap:15px;padding:18px 22px;font-size:.75rem;letter-spacing:1px;color:#596883;font-weight:700}.big-equation{font-family:'Space Grotesk',Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(2rem,4vw,3.5rem);padding:24px 10px;letter-spacing:-1.5px;line-height:1.4}.big-equation strong{color:var(--purple);background:#eae4ff;padding:3px 14px;border-radius:8px;font-weight:600}.big-equation>span{color:#7c8aa0}.step-description{display:flex;gap:14px;align-items:flex-start;background:#fff;margin:14px 20px 0;padding:18px;border:1px solid #dde3ef;border-radius:9px;min-height:96px}.step-description p{margin:0;line-height:1.6}.step-dot{background:#e9e4fd;color:var(--purple);border-radius:50%;width:28px;height:28px;flex-shrink:0;display:grid;place-content:center;font-size:.85rem;font-weight:700}.step-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:12px}.primary,.secondary,.cancel-button{border-radius:8px;padding:12px 20px;font-weight:600;border:1px solid transparent;line-height:1.4}.primary{color:#fff;background:var(--purple);box-shadow:0 3px 7px #6042cc20}.primary:hover:not(:disabled){background:#4d32ae}.secondary{color:var(--navy);background:#fff;border-color:#cfd6e5}.secondary:hover:not(:disabled){background:#eeeafc}.text-button{border:0;background:transparent;color:#665298;padding:9px 4px;font-size:.875rem;font-weight:600}.column-panel{border:1px solid var(--line);margin-top:24px;border-radius:12px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h3{margin:0;font-size:.95rem}.panel-heading>span{font-size:.75rem;color:#67758a}.column-inner{display:flex;align-items:flex-start;gap:32px;justify-content:space-around;padding-top:24px}.longdivision{font-family:'Courier New',monospace;font-weight:600;font-size:1.55rem;display:flex;align-items:flex-start;position:relative;padding-bottom:10px;flex-shrink:0}.divisor{margin-top:1.6em;padding:.12em .45em 0 0;color:#53627c}.calculation{display:flex;flex-direction:column}.col-row{display:grid;grid-template-columns:var(--pattern);min-height:1.55em;line-height:1.55em;padding:0 .18em}.digit{text-align:center}.decimal-cell{display:block}.dot{color:var(--purple);font-weight:700}.quotient{color:var(--purple)}.dividend{border-top:2px solid var(--navy);border-left:2px solid var(--navy)}.added{color:var(--teal);background:#daf2ed}.under{border-bottom:1.5px solid #8390a6}.subtracted{color:#617089;position:relative}.subtracted:before{content:'−';position:absolute;left:-.8em;font-size:.8em}.remainder{color:#55647f}.brought{color:var(--teal);margin-top:.12em}.column-explain{max-width:290px;flex:1;font-size:.9rem;line-height:1.6;color:#56657e}.column-explain p{margin:0 0 14px}.column-explain .secondary{font-size:.8rem;padding:9px 14px}.column-explain .text-button{margin-left:12px}.remember{display:flex;gap:14px;border-radius:10px;background:#fff7d9;padding:18px;margin-top:24px;font-size:.9rem;line-height:1.6}.remember p{margin:0}.remember b{display:block;margin-bottom:3px}.remember-symbol{border-radius:50%;background:#f3cf57;flex-shrink:0;display:grid;place-content:center;width:25px;height:25px;font-weight:700}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}footer>span{font-size:.8rem;color:#69768b}.fraction{display:inline-flex;vertical-align:middle;flex-direction:column;text-align:center;line-height:1.45;flex-shrink:0}.fraction>span{padding:.15em .35em;white-space:nowrap}.fraction>span:first-child{border-bottom:2px solid currentColor}.equivalence-board{margin-top:23px;padding:24px 18px;background:#f0edff;border:1px solid #dcd3fb;border-radius:12px;text-align:center}.math-label{font-size:.72rem;letter-spacing:1.7px;color:#5d4b94;font-weight:700}.equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin:24px 0;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.3rem,2.5vw,2rem)}.factor{position:relative;color:var(--purple);font-weight:700;display:inline-block}.factor.cancelled:after{content:'';position:absolute;top:50%;left:-3px;width:calc(100% + 6px);height:3px;background:#cf4172;transform:rotate(-35deg);animation:cross-in .3s ease-out}.factor.cancelled{color:#8268a2}.result{color:var(--purple);background:white;padding:8px 16px;border-radius:8px}.why-line{display:flex;justify-content:center;align-items:center;gap:14px;font-size:.9rem;color:#554875;line-height:1.6}.why-line .fraction{font-size:1rem}.cancel-button{font-size:.85rem;margin-top:20px;background:var(--purple);color:#fff}.cancel-caption{font-size:.8rem;line-height:1.6;margin:12px 0 0;color:#5e507c}.strip{display:flex;border:2px solid #087d83;border-radius:8px;overflow:hidden;margin:8px 0 26px}.strip span{flex:1;text-align:center;background:#dff5f1;color:#12686c;border-right:2px dashed #4ba3a3;padding:22px 5px;font-weight:600}.strip span:last-child{border:0}.lab-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:.9rem}.button-group{display:flex;gap:6px;flex-wrap:wrap}.button-group button{border:1px solid #d5dcea;border-radius:7px;background:#fff;padding:10px 13px;color:#52627a;font-weight:600}.button-group button[aria-pressed=true]{background:#182644;color:#fff;border-color:#182644}.terms{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8rem;line-height:1.65;padding:22px 3px;color:#627088}.terms>span:first-child{display:flex;align-items:center;gap:15px}.insight{border-left:3px solid var(--teal);padding:4px 0 4px 18px;margin-top:20px;font-size:.9rem;line-height:1.65}.insight b{color:#08696e}.insight p{margin:5px 0 0;color:#53637c}.pattern-board{border-radius:12px;background:#edf8f7;border:1px solid #cce8e4;margin-top:24px;padding:25px 16px;text-align:center}.pattern-board .math-label{color:#087379}.pattern-board .big-equation strong{background:#d0eee8;color:#096f74}.pattern-board p{line-height:1.65;color:#4d686d}.movement{display:inline-block;padding:8px 15px;border-radius:30px;background:white;color:#086a70;font-size:.9rem;font-weight:600}.place-equality{font-size:1.4rem;margin-top:22px;color:#176a70}.compact{font-size:1.3rem}.exercise-banner{display:flex;gap:14px;align-items:center;margin-bottom:26px}.exercise-banner h2{font-family:'Space Grotesk',Arial,sans-serif;margin:0 0 5px;font-size:1.45rem}.exercise-banner p{margin:0;font-size:.9rem;color:#647088;line-height:1.6}.exercise-icon{color:var(--purple);font-size:1.8rem;background:#ece6ff;padding:8px 13px;border-radius:10px}.practice-tag{margin-left:auto;color:#887527;background:#fff6d2;border-radius:6px;padding:6px 8px;font-size:.7rem;letter-spacing:1px}.exercise-board{background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:22px}.answer-row{display:flex;justify-content:center;align-items:center;gap:20px;margin:18px 0;font-family:'Space Grotesk',Arial,sans-serif;font-size:1.7rem;flex-wrap:wrap}.answer-row label span{color:#8b95a9;margin-left:10px}.answer-row input{width:145px;min-height:54px;padding:8px 12px;border:2px solid #b6a7e9;border-radius:8px;text-align:center;background:white;color:var(--purple);font-weight:600}.answer-row input:read-only{border-color:#8dccc0;color:#08715f;background:#ecf9f5}.exercise-actions{display:flex;align-items:center;gap:22px;margin-top:23px}fieldset{border:0;border-top:1px solid #dce2ec;margin:25px 0 0;padding:20px 0 0}legend{padding:0 10px 0 0;font-size:.9rem;font-weight:600}.reason{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.6;padding:12px;background:white;margin-top:10px;border-radius:7px;border:1px solid #dce2ec;cursor:pointer}.reason input{width:19px;height:19px;flex-shrink:0;accent-color:var(--purple)}.feedback{background:#fff2db;color:#805513;border-radius:8px;padding:16px;margin-top:20px;font-size:.95rem;line-height:1.6}.feedback.success{background:#e2f5ed;color:#17644e}.hint{background:#f1edff;padding:16px 20px;border-radius:8px;font-size:.9rem;line-height:1.6;margin-top:20px}.hint p{margin:5px 0 0}.solution-button{margin-top:18px}.solution{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:.95rem;line-height:1.7}.solution h3{margin-top:0}.solution .column-panel{background:#fafbfe}.solution .column-explain{display:none}.check-line{color:#0a7767}.celebration{padding:24px;background:#e9e3ff;border-radius:10px;margin-top:24px}.celebration h2{font-family:'Space Grotesk',Arial,sans-serif}.celebration p{line-height:1.6}@keyframes cross-in{from{width:0}to{width:calc(100% + 6px)}}@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.lesson-content{padding:36px}}@media(max-width:1050px){.layout{grid-template-columns:250px minmax(0,1fr)}aside{padding:28px 14px}.lesson-link{font-size:.8rem}main{padding:32px 24px}.lesson-content{padding:22px}.column-inner{gap:22px}.equation{gap:10px}.grade{font-size:.72rem}.column-explain{font-size:.85rem}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:1.05rem}.logo{height:37px;width:37px;font-size:2rem}.grade{display:none}.layout{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}aside h2,.course-label,.side-note{display:none}.progress-label{font-size:.75rem}progress{margin:7px 0 12px;height:4px}nav{flex-direction:row;overflow:auto;padding:3px 0 5px;gap:8px}.lesson-link{min-width:44px;width:44px;padding:6px;justify-content:center;flex-shrink:0}.lesson-link>span:last-child{display:none}.lesson-link.active{width:auto;max-width:235px;justify-content:flex-start;padding-right:12px}.lesson-link.active>span:last-child{display:block;white-space:normal}main{padding:25px 18px}.eyebrow{font-size:.7rem;letter-spacing:1.2px}h1{font-size:1.9rem;margin-top:12px}.mode-tabs{gap:6px}.mode-tabs button{padding:11px 12px;font-size:.86rem}.mode-tabs button span{margin-right:3px}.lesson-content{padding:18px}.lead{font-size:.96rem}.big-equation{font-size:2.25rem;letter-spacing:-1px}.step-description{margin:12px 12px 0;padding:14px;font-size:.9rem}.step-controls{padding:13px 12px}.step-controls button{font-size:.78rem}.primary,.secondary{padding:11px 15px}.example-top{padding:16px 14px;font-size:.67rem}.column-inner{flex-wrap:wrap;justify-content:center}.column-explain{max-width:none;flex-basis:100%;text-align:center}.panel-heading h3{font-size:.86rem}.equation{font-size:1.35rem;gap:9px}.equivalence-board{padding:20px 12px}.terms{font-size:.75rem;flex-wrap:wrap}.why-line{font-size:.8rem}.strip span{font-size:.85rem;padding:18px 3px}.lab-controls{font-size:.85rem}.button-group button{padding:9px 12px;font-size:.85rem}.remember{padding:15px;font-size:.85rem}footer>span{display:none}footer{justify-content:flex-end}footer .text-button{margin-right:auto}.exercise-banner{gap:10px}.practice-tag{display:none}.exercise-icon{padding:6px 10px}.exercise-banner h2{font-size:1.25rem}.exercise-board{padding:14px}.answer-row{font-size:1.4rem;gap:12px}.answer-row input{width:120px}.exercise-actions{gap:13px}.reason{font-size:.85rem}.compact{font-size:1.15rem}.longdivision{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}