@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');
:root{--navy:#13233f;--ink:#1a2940;--teal:#0aa996;--sky:#e8f5f5;--cream:#f8f7f3;--line:#d9e0e7;--orange:#f37d42}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px}.app-shell{min-height:100vh}header{height:78px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px)}button{font:inherit;cursor:pointer;border:0}.brand{display:flex;align-items:center;gap:10px;color:white;background:none;font-size:16px}.brand span{display:grid;place-items:center;width:35px;height:35px;background:var(--teal);border-radius:11px;font-family:'Source Serif 4';font-size:24px}.header-right{display:flex;gap:22px;align-items:center}.year{font:14px 'DM Mono';color:#b9c8dd}.quiet{background:transparent;color:inherit;padding:10px 0;font-weight:700}.home,.page,.results{max-width:1100px;margin:0 auto;padding:clamp(52px,9vw,110px) clamp(22px,5vw,60px)}.eyebrow,small{font:500 12px 'DM Mono';letter-spacing:.08em;color:#567087}.home h1,.page h1,.results h1,.feedback h1{font:700 clamp(38px,6vw,70px)/1.08 'Source Serif 4',serif;letter-spacing:-.045em;margin:14px 0}.home h1 em{font-style:normal;color:var(--teal)}.lead{font-size:clamp(17px,2vw,21px);line-height:1.6;color:#52657a;max-width:670px}.primary{background:var(--teal);color:#fff;border-radius:14px;padding:17px 22px;font-weight:800;box-shadow:0 8px 20px #0aa99633}.primary span{margin-left:15px;font-size:20px}.start{margin:24px 0 56px;font-size:18px}.home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.home-grid article,.period,.question-card,.tutor-grid article,.your-turn{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.next{border-left:5px solid var(--orange)!important}.home h2,.period h2{font-family:'Source Serif 4';margin:8px 0;font-size:26px}.home-grid p{color:#68798a;line-height:1.55}.map-mini div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:13px}.map-mini i{font-style:normal;color:#758394}.map-mini i.good{color:var(--teal);font-weight:800}.period{margin:18px 0}.period>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.period>div:first-child span{color:var(--teal);font:12px 'DM Mono'}.period.muted{opacity:.65}.topic{border-top:1px solid var(--line);padding:18px 0 4px;display:grid;gap:6px}.topic span,.topic small{color:#667b91}.topic p{margin:0}.practice{max-width:900px;margin:auto;padding:35px clamp(18px,5vw,52px)}.practice-top{display:flex;justify-content:space-between;align-items:center}.back{background:none;color:#557089;font-weight:700}.progress-label{font:14px 'DM Mono';color:#5a6e83}.bar{height:6px;background:#d8e5e5;border-radius:10px;margin:22px 0 35px}.bar i{display:block;height:100%;background:var(--teal);border-radius:10px;transition:width .3s}.question-card{min-height:390px;padding:clamp(25px,5vw,55px)}.chip{font:12px 'DM Mono';color:#168879;text-transform:uppercase}.chip span{color:#a7b6c2}.question-card h1{font:700 clamp(28px,4.4vw,48px)/1.28 'Source Serif 4';letter-spacing:-.035em;max-width:770px;margin:28px 0 36px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{min-height:65px;text-align:left;border:1px solid #cbd6df;background:#fff;border-radius:12px;padding:13px 17px;font-size:18px;color:var(--ink)}.choice b{font:13px 'DM Mono';color:#598099;margin-right:14px}.choice.selected{border:2px solid var(--teal);background:#effbf9}.answer-label{display:grid;gap:9px;font-weight:700}.answer-label input{width:100%;font-size:26px;border:1px solid #aabac8;padding:15px;border-radius:12px;color:var(--ink)}.action-row{margin-top:36px}.quiet-note{text-align:center;color:#718194;font-size:13px}.feedback{max-width:920px;margin:auto;padding:clamp(45px,8vw,90px) clamp(22px,5vw,55px)}.result-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:800;margin-bottom:22px}.success{background:#dff7ef;color:#00896f}.retry{background:#fff0e8;color:var(--orange)}.tutor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:34px 0}.tutor-grid p{line-height:1.6;color:#52677c}.tutor-grid .math{font:600 23px 'DM Mono';color:var(--navy)}.your-turn{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.your-turn p{width:100%;margin:4px 0;font-size:18px}.secondary{padding:13px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.your-turn .quiet{color:#406279}.mastery-map{margin:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:11px}.mastery{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;align-items:center;gap:13px}.mastery .dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf1f4;color:#738598;font-weight:800}.mastery.mastered{border-color:#9adecf}.mastery.mastered .dot{background:#dff7ef;color:#00896f}.mastery.needs{border-color:#fac9b2}.mastery.needs .dot{background:#fff0e8;color:var(--orange)}.mastery b,.mastery small{display:block}.mastery small{font-size:11px;margin-top:4px;letter-spacing:0;color:#718194}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 10px 30px #0004}@media(max-width:650px){header{height:65px}.year{display:none}.home-grid,.tutor-grid,.mastery-map,.choices{grid-template-columns:1fr}.home{padding-top:62px}.home h1{font-size:44px}.question-card{min-height:440px}.question-card h1{font-size:31px}.feedback h1,.results h1{font-size:43px}.period>div:first-child{display:block}.period>div:first-child span{display:block}.choice{font-size:17px}.primary{width:100%}.your-turn .quiet{width:100%;text-align:left}}