@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=Noto+Naskh+Arabic:wght@400;600;700&display=swap');
:root{--ink:#234c48;--paper:#fcf8ef;--muted:#687973;--line:#e4e8db;--green:#295c51;--yellow:#f7cf69;--pink:#ead9ef;--blue:#d8e9f1;--white:#fffefb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px 'Baloo Bhaijaan 2',Tahoma,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb7731;outline-offset:4px}button:disabled{cursor:default;opacity:.5}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,5vw,52px);line-height:1.3;font-weight:800}h2{font-size:30px}h3{font-size:23px}p{line-height:1.8}.muted{color:var(--muted)}.tiny{font-size:14px}.wrap{max-width:1080px;margin:auto;padding:0 28px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800}.brandmark{background:var(--green);color:#fff;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;font-family:'Noto Naskh Arabic';font-size:29px}.toplinks,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:var(--white);border-radius:24px;padding:8px 18px;font-size:16px}.pill.active{background:var(--green);color:#fff}.hero{text-align:center;padding:30px 0 25px;position:relative}.eyebrow{display:inline-block;background:#e7eedf;color:#45603a;border-radius:30px;padding:5px 18px;margin-bottom:18px;font-size:15px;font-weight:600}.hero p{margin:12px auto;max-width:500px}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:18px 0 32px}.profile{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:28px 18px 20px;position:relative;box-shadow:0 7px 0 #ececdf;transition:transform .15s;text-align:center}.profile:hover{transform:translateY(-4px)}.avatar{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:55px;box-shadow:0 0 0 9px #ffffff80}.profile:nth-child(1) .avatar{background:#dfecdb}.profile:nth-child(2) .avatar{background:#f8e3ce}.profile:nth-child(3) .avatar{background:#e9dff2}.profile h2{margin:8px}.profile small{display:block;color:var(--muted);font-size:15px}.profile .enter{margin-top:22px;display:block;border-radius:16px;background:#f0f3e9;padding:10px;font-size:17px;font-weight:700}.profile:nth-child(2) .enter{background:#fbecdd}.profile:nth-child(3) .enter{background:#f0e9f6}.baba-note{display:flex;gap:18px;align-items:center;background:#f0ecdf;border-radius:22px;padding:18px 24px;max-width:680px;margin:16px auto 22px;text-align:right}.baba{width:68px;height:68px;object-fit:cover;object-position:50% 24%;border-radius:50%;flex-shrink:0}.welcome .baba{width:90px;height:90px}.footer{text-align:center;padding:25px 0;font-size:14px;color:var(--muted)}.primary{background:var(--green);color:white;border-radius:15px;padding:12px 25px;min-height:48px;font-weight:700;box-shadow:0 4px 0 #173c35}.secondary{border:1px solid #c8d3c7;border-radius:15px;padding:10px 20px;min-height:48px;background:var(--white)}.back{font-size:16px;padding:10px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:#e9efdf;border-radius:26px;margin:15px 0 24px}.welcome h1{font-size:34px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.side{background:var(--white);border-radius:24px;padding:24px;align-self:start;border:1px solid var(--line)}.side .prize-emoji{font-size:64px;text-align:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.units{display:grid;gap:16px}.unit{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:20px}.unithead{display:flex;gap:12px;align-items:center;justify-content:space-between}.unitnum{background:#f4efdf;border-radius:14px;min-width:44px;height:44px;display:grid;place-items:center;font-weight:700}.letter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.letterbtn{background:#f4f6ee;border-radius:14px;padding:12px 5px;font-family:'Noto Naskh Arabic',serif;font-size:32px;border:1px solid transparent}.letterbtn.done{background:#e4eedf;border-color:#b1cba6}.exam{width:100%;border-radius:12px;padding:9px;background:#faf0cf;font-size:17px}.smallprogress{height:8px;background:#e5e9db;border-radius:20px;overflow:hidden;margin:16px 0}.smallprogress span{display:block;height:100%;background:var(--green);border-radius:20px}.study{max-width:780px;margin:12px auto 30px}.studybox{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:30px;text-align:center}.letterbig{font:110px/1.5 'Noto Naskh Arabic',serif;color:var(--green)}.word{font:36px/1.8 'Noto Naskh Arabic',serif}.emoji{font-size:58px}.controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.vowels{display:flex;justify-content:center;gap:12px}.vowels button{font:32px 'Noto Naskh Arabic';padding:10px 20px;background:#f2f4e9;border-radius:14px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.choice{min-height:75px;padding:14px;background:#f3f4ec;border:2px solid #e2e6d9;border-radius:18px;font:32px 'Noto Naskh Arabic';white-space:normal}.choice.wordchoice{font-size:24px}.choice.correct{background:#e1efda;border-color:#588250}.choice.incorrect{background:#f9e5dc;border-color:#b56d4b}.feedback{min-height:36px;margin:14px 0;font-size:20px}.story{font:26px/2 'Noto Naskh Arabic';text-align:right;background:#f9f6ec;border-radius:18px;padding:22px;margin:20px 0}.stars{font-size:35px;letter-spacing:5px;color:#946717;margin:12px 0}.tracewrap{position:relative;border:2px dashed #cfdbc4;border-radius:20px;margin:20px auto;max-width:440px;height:230px;overflow:hidden;background:#fcfcf8}.traceghost{position:absolute;inset:0;display:grid;place-items:center;color:#d6decf;font:165px/1 'Noto Naskh Arabic';pointer-events:none}canvas{position:relative;display:block;width:100%;height:100%;touch-action:none}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reward{border:1px solid var(--line);border-radius:24px;background:var(--white);padding:22px;text-align:center}.reward.locked .emoji{filter:grayscale(1);opacity:.5}.reward strong{display:block;font-size:22px;margin:10px 0}.reward .status{font-size:15px}.settings{max-width:820px;margin:15px auto}.settings section{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:22px;margin:18px 0}label{display:block;margin:10px 0}input,select{border:1px solid #bdcbbd;border-radius:10px;padding:9px;max-width:100%;background:white;color:#234c48}input[type=number]{width:90px}audio{width:100%;margin:12px 0}table{width:100%;border-collapse:collapse;font-size:16px}td,th{text-align:right;padding:10px 5px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#254f46;color:white;padding:12px 20px;border-radius:15px;max-width:90%;z-index:10;display:none}.note{font-size:15px;background:#f8f0d8;border-radius:12px;padding:12px;margin:16px 0}.celebrate{font-size:80px}.full{width:100%}.spaced{margin-top:22px}.check{font-size:15px;color:#42673a}.readerlinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.readerlinks button{font-size:17px}.parenttitle{margin-bottom:14px}.no-motion{transition:none}@media(max-width:700px){.wrap{padding:0 16px}.top{padding:16px 0}.brand{font-size:19px}.toplinks{gap:4px}.pill{font-size:14px;padding:8px 12px}.hero{padding-top:14px}.profiles{gap:12px;grid-template-columns:1fr}.profile{display:grid;grid-template-columns:70px 1fr 40px;gap:16px;align-items:center;padding:18px;text-align:right;border-radius:22px}.avatar{width:64px;height:64px;font-size:38px;margin:0;box-shadow:none}.profile h2{font-size:26px;margin:0}.profile .enter{font-size:0;margin:0;padding:8px}.profile .enter:after{content:'←';font-size:24px}.profile small{font-size:14px}.columns{grid-template-columns:1fr}.side{order:-1;padding:16px;display:flex;gap:16px;align-items:center}.side .prize-emoji{font-size:40px}.side h3{font-size:21px}.side .smallprogress{display:none}.welcome{padding:20px;gap:12px}.welcome h1{font-size:28px}.welcome .baba{width:65px;height:65px}.baba-note{padding:16px;gap:12px}.baba{width:57px;height:57px}.reward-grid{grid-template-columns:1fr 1fr}.reward{padding:16px}.studybox{padding:20px 16px}.choices{gap:9px}.choice{font-size:28px;padding:8px}.choice.wordchoice{font-size:21px}.story{font-size:24px;padding:16px}.vowels button{padding:8px 15px}.settings section{padding:16px}h2{font-size:25px}.top .back{padding:7px}.readerlinks{grid-template-columns:1fr}.reward .emoji{font-size:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.speech-help{text-align:right;margin-top:22px}.speech-help p{margin:8px 0}.speech-help button{margin-top:8px}#toast{font-size:16px;max-width:min(90%,420px)}

.baba-character{width:90px;aspect-ratio:1;flex-shrink:0;background-image:url('assets/baba-cartoon-sprite.png');background-size:200% 100%;background-position:0% 50%;background-repeat:no-repeat;border-radius:22px;overflow:hidden;background-color:#e7eddf}
.baba-character[data-talking=true]{background-position:100% 50%}
.intro{max-width:670px;margin:0 auto;text-align:center;padding:18px 0 32px}
.intro h1{font-size:clamp(32px,5vw,46px)}
.character-stage{position:relative;max-width:350px;margin:22px auto 0;isolation:isolate}
.character-stage:before{content:'';position:absolute;width:94%;height:94%;border-radius:50%;background:#e6edd9;left:3%;top:6%;z-index:-1}
.baba-character.large{width:100%;background-color:transparent;border-radius:40% 40% 24px 24px}
.stage-star{position:absolute;color:#aa781d;font-size:38px}.star-one{right:0;top:15%}.star-two{left:0;top:45%}
.hello-bubble{position:relative;background:var(--white);border:1px solid var(--line);border-radius:22px;max-width:360px;padding:14px 24px;margin:0 auto 22px;box-shadow:0 5px 0 #e9ecdd;font-size:23px}
.hello-bubble p{font-size:19px}.baba-note .baba-character{width:68px}
@media(max-width:700px){.intro{padding-top:12px}.character-stage{max-width:270px;margin-top:14px}.hello-bubble{font-size:21px;padding:12px 20px}.intro .controls{gap:12px}.intro .controls button{width:100%;max-width:340px}.welcome .baba-character{width:85px}.baba-note .baba-character{width:64px}}

.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.subject-card{border-radius:22px;border:1px solid #cfddc5;padding:20px 12px;background:#e7efdd;box-shadow:0 5px 0 #d5dfc8;display:flex;flex-direction:column;gap:5px;align-items:center}.subject-card span{font-size:31px}.subject-card strong{font-size:25px}.subject-card small{font-size:15px}.math-subject{background:#e1edf5;border-color:#cbdce7;box-shadow:0 5px 0 #cbdce7}.intro .character-stage{max-width:195px}.intro .hello-bubble{padding:8px 18px;margin-bottom:14px;font-size:20px}.subject-title{font-size:24px}.writing-banner{display:flex;align-items:center;gap:20px;text-align:right;background:#fbecd0;border:1px solid #ecd5ae;border-radius:22px;width:100%;padding:18px 24px;margin-bottom:24px}.writing-banner .emoji{font-size:40px}.writing-banner strong{font-size:24px;display:block}.writing-banner small{display:block;font-size:16px}.writing-banner>span:last-child{margin-right:auto;font-size:28px}.writing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.writing-card{background:var(--white);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;padding:18px 12px;gap:8px}.write-label{font:30px/1.8 'Noto Naskh Arabic',serif}.writing-study{max-width:880px}.ink-board{position:relative;background:repeating-linear-gradient(to bottom,#fffefb 0,#fffefb 73px,#dce5d5 74px,#fffefb 75px);border:2px solid #ccd8c1;border-radius:20px;width:100%;height:280px;overflow:hidden;margin:18px 0}.ink-guide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cad4c4;font:clamp(36px,8vw,92px)/1.8 'Noto Naskh Arabic',serif;padding:12px;white-space:normal;pointer-events:none}.ink-board canvas{width:100%;height:100%;display:block;touch-action:none}.writing-memory{margin:20px}.writing-model{margin:12px}.parent-child{padding:16px 0;border-bottom:1px solid var(--line)}.math-page{font-family:system-ui,sans-serif;font-size:17px}.math-page h1{font-size:clamp(30px,4vw,43px)}.math-page h2{font-size:27px;line-height:1.5}.math-page h3{font-size:21px}.math-page .eyebrow{font-size:12px;letter-spacing:1px}.math-page .welcome{background:#e2edf3}.math-page .primary{background:#315f78;box-shadow:0 4px 0 #23475b}.math-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.math-topic{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--white);border:1px solid #d6e1e7;border-radius:24px;padding:24px;gap:14px}.math-topic .emoji{font-size:37px}.math-topic p{font-size:15px}.topic-status{margin-top:auto;font-size:14px;color:#426881;font-weight:600}.math-visual{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;background:#eaf1f5;color:#2d5b74;padding:22px;margin:22px 0;font-size:27px;line-height:1.6}.math-choice{font-family:system-ui,sans-serif;font-size:24px!important;min-width:0;overflow-wrap:anywhere}.math-example{font-size:25px!important;margin:20px 0}.math-review{text-align:left;background:#edf2f5;border-radius:18px;padding:20px;margin:20px 0}.math-review p+p{margin-top:18px}.math-page .back{direction:ltr}.math-page .stars{direction:ltr}.math-page .smallprogress span{float:left}
@media(max-width:700px){.subject-grid{gap:12px;margin:16px 0}.subject-card{padding:16px 8px}.subject-card strong{font-size:22px}.subject-card small{font-size:12px}.intro .character-stage{max-width:150px;margin-top:8px}.intro .hello-bubble{font-size:18px}.subject-title{font-size:23px}.intro .eyebrow{margin-bottom:8px}.writing-banner{padding:15px;gap:12px}.writing-grid{grid-template-columns:1fr 1fr}.write-label{font-size:26px}.ink-board{height:250px}.writing-tabs{gap:7px}.writing-tabs button{font-size:14px;padding:8px 12px}.math-grid{grid-template-columns:1fr 1fr;gap:12px}.math-topic{padding:17px 14px;gap:10px}.math-topic h3{font-size:19px}.math-topic p{font-size:14px}.math-page .welcome{padding:18px}.math-page .welcome .baba-character{width:64px}.math-page .choices{grid-template-columns:1fr}.math-choice{min-height:60px}.math-page .controls button{max-width:100%}.math-page h2{font-size:23px}.math-visual{padding:16px;font-size:22px}.math-page .studybox{padding:22px 16px}}
/* Three subjects, grade-level reading and personal writing notebooks. */
.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.english-subject{background:#f3eefb;border-color:#d8c8ed;color:#634581}.subject-card small{line-height:1.6}.reading-passage,.math-visual.reading-passage{font-size:1.2rem;line-height:1.9;white-space:pre-wrap;text-align:left;letter-spacing:normal}.english-input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:1.2rem;line-height:1.7;border:2px solid #c7d8d2;border-radius:16px;padding:16px;margin:14px 0;color:#234b45;background:#fff;resize:vertical}.english-input:focus{outline:3px solid #bdd6eb;outline-offset:2px}.spelling-model{font-size:2.7rem;font-weight:750;letter-spacing:.08em;padding:24px;color:#634581}.writing-checklist{text-align:left;background:#f6f5ed;border-radius:18px;padding:20px}.writing-checklist label{display:block;padding:8px 0}.writing-checklist input{width:20px;height:20px;vertical-align:middle;accent-color:#295c51}.saved-english{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:#f5f4ed;border-radius:16px;padding:20px;line-height:1.8}.math-topic h3{overflow-wrap:anywhere}@media(max-width:650px){.subject-grid{grid-template-columns:1fr}.subject-card{padding:20px}.subject-card>span{font-size:2rem}.reading-passage,.math-visual.reading-passage{font-size:1.05rem}.math-example{font-size:1.3rem}}
/* Opening welcome is a modal over the name picker, not part of its layout. */
.family-welcome-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,47,43,.64);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:auto;overscroll-behavior:contain}.family-welcome-card{position:relative;width:min(100%,520px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;text-align:center;border-radius:32px;background:var(--paper);border:2px solid #fff8df;padding:26px 28px 22px;box-shadow:0 24px 100px #102e4266;font-family:system-ui,sans-serif}.welcome-portrait{display:flex;justify-content:center;margin:0 auto 12px;width:100%}.welcome-portrait .baba-character.large{width:clamp(150px,25vh,245px);max-width:100%;flex:none}.family-welcome-card h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin-bottom:16px}.family-welcome-card .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:12px}.family-welcome-card p{font-size:17px;line-height:1.65;max-width:390px;margin:0 auto}.family-welcome-card .welcome-fun{margin-top:8px;color:#526e4c}.family-welcome-card .primary{margin-top:22px;min-width:220px;font-size:20px}.family-welcome-card .welcome-arabic{font-family:Tahoma,sans-serif;font-size:14px;margin-top:16px;color:var(--muted)}.welcome-spark{position:absolute;top:35px;right:40px;color:#d6a646;font-size:38px;pointer-events:none}@media(max-width:450px){.family-welcome-overlay{padding:14px}.family-welcome-card{padding:20px 18px;border-radius:26px;max-height:calc(100dvh - 28px)}.family-welcome-card p{font-size:16px}.welcome-spark{right:24px;top:24px}}@media(max-height:650px){.welcome-portrait .baba-character.large{width:140px}.family-welcome-card{padding-top:16px}.family-welcome-card h1{font-size:28px}.family-welcome-card .primary{margin-top:14px}}
/* Keep navigation and form controls usable on small tablets and phones. */
.top{flex-wrap:wrap}.toplinks{min-width:0}.brand{max-width:100%}.math-page .welcome>div:first-child{min-width:0}.math-topic{min-width:0}.settings input:not([type=checkbox]),.settings select{max-width:100%}.settings audio{width:100%;max-width:100%}textarea:focus-visible{outline:3px solid #bb7731;outline-offset:3px}.math-visual:empty{display:none}@media(max-width:420px){.math-grid{grid-template-columns:1fr}.toplinks{gap:7px}.toplinks .pill{padding:8px 12px}.brand{font-size:21px}.math-page .welcome{gap:12px}.family-welcome-card .primary{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Hadi's focused SAT workspace */
.sat-area{--sat-ink:#192f4a;--sat-blue:#285ab4;max-width:1050px;margin:auto;color:var(--sat-ink);text-align:left;font-family:Arial,sans-serif;line-height:1.65}.sat-area h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.13;letter-spacing:-.04em;margin:15px 0}.sat-area h2{font-size:1.4rem;line-height:1.45}.sat-area .eyebrow,.sat-tag{font-size:.73rem;letter-spacing:.1em;font-weight:700}.sat-area .primary{background:var(--sat-ink);box-shadow:none;color:white}.sat-area .secondary,.sat-area .pill{color:var(--sat-ink);border-color:#ccd5e1}.sat-hero{border-radius:28px;background:#192f4a;color:#fff;padding:clamp(25px,5vw,52px);margin:20px 0 28px}.sat-hero p{max-width:620px;color:#d1ddec}.sat-hero .eyebrow{color:#9dc9ff}.sat-stats{display:flex;gap:40px;margin-top:30px;flex-wrap:wrap}.sat-stats div{display:grid}.sat-stats strong{font-size:2rem}.sat-stats span{font-size:.8rem;color:#d1ddec}.sat-heading,.sat-toolbar,.sat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sat-heading{margin:25px 0}.sat-heading h1{font-size:2rem}.sat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 28px}.sat-card,.sat-skill,.sat-question,.sat-resume{border:1px solid #d6dfe9;background:white;border-radius:20px;padding:26px}.sat-skill{text-align:left;color:var(--sat-ink);display:grid;gap:10px;line-height:1.5}.sat-skill strong{font-size:1.1rem}.sat-skill>span:last-child{font-size:.83rem;color:#526780}.sat-skill:hover{border-color:#285ab4;background:#f1f6fc}.sat-note{font-size:.85rem;color:#536579;line-height:1.6;margin:20px 0}.sat-resume{background:#eaf1fa;margin-bottom:28px}.sat-toolbar{padding:18px 0}.sat-clock{font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:700}.sat-clock.urgent{color:#a43c22}.sat-question{margin-bottom:20px}.sat-passage{background:#f4f6f9;border-left:3px solid #7998bb;padding:20px;white-space:pre-line;font-family:Georgia,serif;line-height:1.8;font-size:1.1rem;margin:20px 0}.sat-options{display:grid;gap:12px;margin:24px 0}.sat-option{display:flex;align-items:center;gap:16px;text-align:left;color:#192f4a;border:1px solid #cbd5e1;background:white;border-radius:12px;padding:15px 18px;line-height:1.55;font-size:1rem}.sat-option>span{display:grid;place-items:center;border:1px solid #8fa5bd;border-radius:50%;min-width:30px;height:30px;font-size:.85rem}.sat-option.selected{border:2px solid #285ab4;background:#edf3ff;padding:14px 17px}.sat-option:disabled{opacity:1;cursor:default}.sat-option.selected>span{background:#285ab4;color:white;border-color:#285ab4}.sat-area button:focus-visible,.sat-area a:focus-visible,.sat-area summary:focus-visible,.sat-area input:focus-visible{outline:3px solid #a9670f;outline-offset:4px}.sat-actions{margin-top:24px}.sat-explanation{padding:22px;background:#eef4ed;border-left:4px solid #48724d;margin-top:20px}.sat-navigator,.sat-reference,.sat-review{padding:18px 20px;background:white;border:1px solid #d6dfe9;border-radius:14px;margin:16px 0}.sat-area summary{cursor:pointer;font-weight:600}.sat-navigator>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.sat-navigator button{min-width:44px;height:44px;border:1px solid #aebed0;background:white;border-radius:8px;color:#192f4a}.sat-navigator button.answered{background:#dce9f9}.sat-navigator button.current{outline:2px solid #285ab4;outline-offset:2px}.sat-score{background:#eaf1fa;padding:32px;border-radius:22px}.sat-score h2{font-size:4rem;margin:10px 0;line-height:1.15}.sat-score h2 span{font-size:2rem;color:#536579}.sat-history-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:18px 22px;border:1px solid #d6dfe9;background:white;color:#192f4a;line-height:1.5}.sat-history-row small{display:block;color:#526780}.sat-area input{direction:ltr}.profile[data-id=hadi]{border-color:#aabed7}.profile[data-id=hadi] .avatar{background:#e5edf8}.sat-card a{color:#244f93;text-decoration:underline}.sat-review h3{line-height:1.6}.sat-area button:disabled{cursor:default}.sat-area .section-title{flex-wrap:wrap}.sat-area .sat-question h2{white-space:pre-line}
@media(max-width:650px){.sat-grid{grid-template-columns:1fr;gap:12px}.sat-card,.sat-question,.sat-skill{padding:20px}.sat-stats{gap:24px}.sat-area h1{font-size:2.5rem}.sat-heading h1{font-size:1.7rem}.sat-options{gap:10px}.sat-passage{padding:15px}.sat-toolbar{font-size:.85rem}.sat-hero{border-radius:20px}.sat-actions button{flex:1;min-width:110px}.sat-heading>.pill{padding:8px 13px}.sat-note{overflow-wrap:anywhere}}
@media(min-width:901px){.profiles{grid-template-columns:repeat(4,minmax(0,1fr))}.profiles .profile{padding-left:12px;padding-right:12px}}
@media(min-width:651px) and (max-width:900px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sat-hero .eyebrow{background:#2b4562}.sat-area h2+p,.sat-area p+p{margin-top:10px}.sat-card .primary,.sat-card .secondary{margin-top:20px}