@import url('/foundation/base.css');
main:focus{outline:none}main.learning{padding-top:24px}.learning h1{font-size:2rem;margin:12px 0}.learning .lesson-card{margin:12px auto;padding:24px}.learning .steps{margin:12px 0}.learning>.pilot{padding:8px 14px;margin:12px 0}.learning .picture-scene .sprite{width:240px}.learning .question{margin:14px 0}.story-slide .question{text-align:center}
.sprite{width:min(100%,320px);aspect-ratio:1;background-repeat:no-repeat;background-color:white;flex-shrink:0}
.picture-scene{display:flex;justify-content:center;background:white;border-radius:15px;margin:16px auto}
.count-scene{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px;max-width:480px;margin:20px auto;align-items:center;background:#fff;padding:10px;border-radius:12px}
.count-scene .sprite{max-width:100px;border:1px solid #edf0ec;border-radius:6px}
.colour-swatch{width:min(100%,220px);height:140px;border:2px solid #74817a;border-radius:18px;margin:22px auto}
.word-card .sprite{max-width:150px}.word-card .colour-swatch{height:80px;margin:8px auto}
.distance-scene{height:350px;max-width:420px;margin:20px auto;border:1px dashed #a5b8ad;border-radius:14px;background:linear-gradient(#eef4fa,#fff);position:relative}
.distance-objects{position:absolute;left:50%;transform:translateX(-50%);display:flex;background:#fff;border-radius:10px}
.near .distance-objects{bottom:55px}.far .distance-objects{top:14px}
.near .sprite{width:115px}.far .sprite{width:72px}.viewer{position:absolute;bottom:10px;text-align:center;width:100%;font-weight:600}
.owner-scene{display:grid;justify-items:center;margin:15px auto;border:1px solid #dce4dc;border-radius:14px;width:min(100%,320px);overflow:hidden}
.owner-scene figcaption{background:#eef3e8;width:100%;text-align:center;font-size:24px;font-weight:600;padding:8px}
.question-illustration{display:grid;grid-template-columns:minmax(120px,42%) minmax(120px,1fr);align-items:end;gap:12px;min-height:240px;max-width:650px;margin:16px auto 24px;padding:12px 18px 0;background:linear-gradient(180deg,#f7fbff 0%,#fff 72%);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.question-illustration:has(.character-pose:only-child){grid-template-columns:minmax(180px,360px);justify-content:center}.character-pose{width:100%;aspect-ratio:3/4;background-repeat:no-repeat;background-color:transparent;background-origin:border-box}.scene-prop{display:grid;place-items:center;min-width:0;padding-bottom:18px}.scene-prop>.picture-scene,.scene-prop>.count-scene,.scene-prop>.distance-scene,.scene-prop>.owner-scene,.scene-prop>.colour-swatch{margin:0;width:100%}.scene-prop .sprite{max-width:230px}.scene-prop .distance-scene{height:250px}.scene-prop .count-scene{grid-template-columns:repeat(5,minmax(34px,1fr));gap:5px;padding:6px}.scene-prop .count-scene .sprite{max-width:72px}.live .question-illustration{max-width:780px;min-height:330px}.live .character-pose{max-height:430px}
:root{--ink:#193b3b;--muted:#647774;--paper:#f6f7f2;--card:#fff;--line:#dce4dc;--green:#245f50;--lime:#d5eb9d;--amber:#9a6418;--soft:#eef3e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c47d24;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:650;line-height:1.12;letter-spacing:-.04em;margin-bottom:20px}h2{font-size:1.45rem;letter-spacing:-.025em}h3{font-size:1.1rem}small{font-size:.8rem}button,.button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 20px;color:var(--ink);font-weight:600;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.secondary{background:var(--soft)}.text-button{border:0;background:transparent;padding:6px 10px}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:33px 24px;display:flex;flex-direction:column;gap:35px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:38px;font-weight:650;line-height:1;text-decoration:none}.brand>span{color:#96b367;margin-left:-10px}.brand div{font-size:16px;line-height:1.4}.brand small{display:block;font-weight:400}.course-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--muted)}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600}nav a:hover,nav a.active{background:var(--soft)}nav small{display:block;text-align:left;font-weight:400;color:var(--muted);font-size:12px}.library-link{font-size:13px;text-decoration:none;border-top:1px solid var(--line);padding-top:20px}.library-link small{display:block}.aside-note{margin-top:auto;font-size:13px;color:var(--muted)}.workspace{min-width:0}.topbar{padding:23px 5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.07em}.topbar b{font-weight:400;color:var(--muted)}.topbar a{font-size:12px;letter-spacing:0}main{padding:48px 6%;max-width:1300px;margin:auto;min-height:75vh}footer{padding:24px 6%;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}.lead{font-size:18px;color:var(--muted);max-width:580px}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px}.hero{background:var(--green);color:#fff;padding:36px;border-radius:22px;display:grid;grid-template-columns:1fr 160px;gap:20px;align-items:center;margin:28px 0}.hero p{color:#d6e5df}.hero .primary{background:var(--lime);color:var(--ink);border:0}.hero .eyebrow{color:#d6e5df}.hero h2{font-size:2rem}.progress-orb{width:130px;height:130px;border:10px solid #679680;border-radius:50%;display:grid;place-content:center;text-align:center}.progress-orb strong{font-size:30px}.progress-orb span{font-size:11px}.pill{display:inline-block;border-radius:20px;padding:4px 11px;background:var(--soft);font-size:12px;color:var(--green)}.pilot{background:#fff8e9;border:1px solid #ead9b7;border-radius:12px;padding:13px 17px;font-size:13px;color:#745621;margin-bottom:22px}.characters{width:100%;max-height:230px;object-fit:contain;mix-blend-mode:multiply;margin:8px 0 28px}.episode{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.episode:last-child{border:0}.episode-number{flex:0 0 45px;height:45px;background:var(--soft);border-radius:13px;display:grid;place-items:center;font-weight:650}.episode h3{margin:0}.episode p{font-size:13px;color:var(--muted);margin:0}.episode .button{margin-left:auto;padding:9px 15px;font-size:13px}.chapter{margin:28px 0}.chapter-title{display:flex;justify-content:space-between;align-items:center}.chapter-title span{font-size:12px;color:var(--muted)}progress{width:100%;height:8px;accent-color:var(--green)}.steps{display:flex;gap:6px;flex-wrap:wrap;padding:0;list-style:none;font-size:11px;margin-bottom:27px}.steps li{background:#e6ece4;border-radius:7px;padding:5px 9px}.steps .current{background:var(--green);color:#fff}.lesson-card{max-width:800px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,40px)}.question{font-size:clamp(1.5rem,4vw,2rem);line-height:1.5;margin:22px 0;white-space:pre-line}.context{white-space:pre-line;border-left:3px solid #97b784;background:var(--soft);padding:20px;border-radius:0 10px 10px 0;font-size:18px}.arabic{font-family:Tahoma,"Segoe UI",sans-serif;color:var(--muted);line-height:1.9}.help{background:#f6f7f2;border-radius:10px;padding:10px 16px;margin:12px 0}.options{display:grid;gap:12px;margin:23px 0}.option{justify-content:flex-start;text-align:start;padding:17px 22px;background:#fff;min-height:62px;font-size:18px;font-weight:500}.option:hover:not(:disabled){border-color:var(--green);background:var(--soft)}.feedback{border-radius:12px;background:var(--soft);padding:18px;margin:18px 0}.feedback.error{background:#fff1e4}.feedback strong{display:block}.word{font-size:25px;margin:0}.word-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:white}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.muted{color:var(--muted);font-size:13px}.input,label{display:block;width:100%}input,select,textarea{background:#fff;border:1px solid #b6c9bf;border-radius:10px;padding:12px;width:100%;color:var(--ink);min-height:48px}label{font-size:14px;font-weight:600;margin:16px 0 6px}form{max-width:570px}form button{margin-top:18px}.tokens{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0;min-height:55px}.tokens button{min-width:55px}.sentence-box{background:var(--soft);padding:12px;border:1px dashed #98af9f;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.stat strong{display:block;font-size:28px}.stat span{font-size:12px;color:var(--muted)}.live{max-width:1000px;text-align:center}.live .question{font-size:clamp(2rem,5vw,3.5rem)}.live .context{text-align:left}.error-box{border:1px solid #d6a090;background:#fff5ef;padding:24px;border-radius:16px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:12px;max-width:90vw;z-index:10;display:none}.skip{position:absolute;top:-60px;left:20px;background:#fff;padding:10px;z-index:12}.skip:focus{top:10px}details{margin:15px 0}summary{cursor:pointer}.locked{opacity:.65}.small{font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.hidden,[hidden]{display:none!important}
.episode-picker{margin:20px 0}.episode-picker>h2{margin-bottom:2px}.episode-picker>.arabic{margin-bottom:18px}.episode-button-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.episode-shortcut{min-width:0;min-height:86px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;justify-content:stretch;align-content:center;text-align:left;gap:1px 8px;font-weight:500}.episode-shortcut strong{grid-row:1/3;font-size:13px;color:var(--green)}.episode-shortcut span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.episode-shortcut small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-align:right}.episode-shortcut.done{background:var(--soft);border-color:#abc39f}
@media(max-width:950px){.shell{grid-template-columns:195px minmax(0,1fr)}aside{padding:25px 14px}main{padding:30px 5%}.grid{grid-template-columns:1fr}.hero{padding:26px;grid-template-columns:1fr 110px}.progress-orb{width:105px;height:105px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.shell{display:block}aside{position:static;height:auto;gap:14px;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:28px}.brand div{font-size:14px}.course-label,.aside-note,.library-link{display:none}nav{display:flex;gap:4px;overflow:auto}nav a{font-size:11px;padding:7px;gap:4px;white-space:nowrap}nav small{font-size:10px}.topbar{padding:15px 5%;font-size:9px}.topbar b{display:none}main{padding:26px 5%}.hero{grid-template-columns:1fr}.progress-orb{display:none}.hero h2{font-size:1.65rem}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:23px}.episode .button{padding:8px;font-size:12px}.episode h3{font-size:15px}.episode p{font-size:11px}.episode-number{flex-basis:34px;height:36px}.card{padding:20px}.word-grid{grid-template-columns:1fr 1fr;gap:9px}.word-card{padding:14px}.word{font-size:21px}footer{display:block}footer span{display:block}.question{font-size:23px}.lesson-card{padding:20px}.row>button{flex-grow:1}.episode-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-shortcut{min-height:78px;padding:8px}.question-illustration{grid-template-columns:minmax(95px,38%) minmax(110px,1fr);min-height:190px;padding:8px 9px 0}.scene-prop .distance-scene{height:180px}.scene-prop .count-scene{grid-template-columns:repeat(5,minmax(22px,1fr))}.scene-prop .count-scene .sprite{max-width:45px}}