@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{--ink:#182b45;--muted:#758394;--blue:#2565db;--navy:#142d50;--pale:#edf3ff;--bg:#f7f8fb;--border:#e3e8ef;--green:#137d65;--cream:#f3ede2}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Tajawal,Arial,sans-serif;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #ebac48}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4}h1{letter-spacing:-.8px;font-size:36px;font-weight:800}h2{font-size:24px}h3{font-size:20px}p{line-height:1.9}button{background:0 0;border:0}svg{flex-shrink:0}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:25px;height:88px;padding:0 4.5%;display:flex}.brand{text-align:right;align-items:center;gap:12px;font-size:26px;font-weight:800;line-height:1.1;display:flex}.brand-sub{letter-spacing:.7px;color:var(--muted);margin-top:7px;font-size:10px;font-weight:500;display:block}.brand-icon{background:var(--blue);color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.header-center{color:#718092;font-size:13px}.header-center span{color:#c7ced9;margin:0 15px}.guide-button{align-items:center;gap:8px;font-size:13px;display:flex}.primary,.secondary,.text-btn,.icon-button{border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 19px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #1c4ea914}.primary.opened{background:var(--navy)}.secondary{color:#2c4564;background:#fff;border:1px solid #dce3ee}.secondary:hover{background:#f1f5fb}.text-btn{color:var(--blue);padding:8px 4px;font-size:14px}.icon-button{min-width:40px;padding:8px}.icon-button:hover{background:#edf2f7}.large{padding:16px 24px;font-size:16px}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.6px;align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow-divider{color:#c2ccdb}.muted{color:var(--muted)}.welcome{grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;max-width:1350px;min-height:740px;margin:0 auto;padding:65px 6% 80px;display:grid}.welcome h1{letter-spacing:-1.3px;margin:16px 0 22px;font-size:54px;line-height:1.4}.welcome h1 em{color:var(--blue);font-style:normal}.welcome-text>p{color:#627285;margin-bottom:28px;font-size:18px}.welcome-meta{color:var(--muted);margin:22px 0 30px;font-size:12px;display:block}.join-form{border-top:1px solid var(--border);max-width:400px;padding-top:20px}.join-form label{font-size:13px;font-weight:600}.join-form>div{gap:14px;margin-top:9px;display:flex}.join-form input{border:1px solid var(--border);background:#fff;border-radius:7px;width:180px;padding:9px}.cover-art{justify-content:center;padding:30px 0;display:flex;position:relative}.cover-art:before{content:"";background:#e6edfa;border-radius:50%;width:430px;height:430px;position:absolute;top:65px;left:-10px}.book-cover{background:var(--navy);color:#fff;border-left:10px solid #0e223f;border-radius:6px 18px 18px 6px;width:310px;min-height:455px;padding:32px 34px;position:relative;transform:rotate(-7deg);box-shadow:-9px 8px #cbd3df,-14px 14px #dfe4eb,0 26px 60px #172d4c2b}.book-cover>span{color:#a6bbd9;font-size:11px}.book-cover small{color:#acc6f1;margin:22px 0 7px;font-size:13px;display:block}.book-cover h2{z-index:1;font-size:34px;font-weight:800;line-height:1.45;position:relative}.cover-graph{direction:ltr;border-bottom:1px solid #86a8d55c;align-items:end;gap:13px;height:95px;padding:0 8px;display:flex}.cover-graph i{background:#81a8f1;border-radius:4px 4px 0 0;width:27px;height:35%;display:block}.cover-graph i:nth-child(2){background:#adc4ee;height:55%}.cover-graph i:nth-child(3){height:45%}.cover-graph i:nth-child(4){background:#f0cf90;height:72%}.cover-graph i:nth-child(5){height:60%}.cover-graph i:nth-child(6){background:#4d89ec;height:90%}.cover-bottom{color:#c0cce0;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;display:flex}.floating-chip{z-index:2;background:#fff;border:1px solid #eef2fa;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 10px 35px #1c315219}.floating-chip svg{color:var(--blue);width:21px}.chip-one{top:48px;left:-10px;transform:rotate(4deg)}.chip-two{bottom:56px;right:-10px;transform:rotate(5deg)}.site-footer{border-top:1px solid var(--border);color:#8090a5;background:#fff;justify-content:space-between;padding:23px 4.5%;font-size:11px;display:flex}.site-footer>span:first-child{color:var(--ink);font-size:15px;font-weight:700}.site-footer .muted{font-size:11px;font-weight:400}.loading{text-align:center;min-height:80vh;color:var(--blue);place-content:center;justify-items:center;display:grid}.mode-strip{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;min-height:48px;padding:7px 4.5%;font-size:12px;display:flex}.mode-strip>div:first-child{align-items:center;gap:10px;display:flex}.mode-strip .muted{border-right:1px solid var(--border);padding-right:10px}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.dashboard{max-width:1440px;margin:auto;padding:42px 5% 65px}.chapter-heading{justify-content:space-between;align-items:center;gap:30px;margin:10px 0 34px;display:flex}.chapter-heading h1{margin:10px 0}.chapter-heading p{color:var(--muted);margin:0}.chapter-mark{color:#8ca6d2;align-items:center;gap:22px;display:flex}.chapter-mark span{color:#d5e1f4;font-size:76px;font-weight:800;line-height:1}.teacher-control{background:var(--navy);color:#fff;border-radius:16px;grid-template-columns:1.4fr 1fr;gap:15px 35px;margin-bottom:38px;padding:25px 30px;display:grid}.tiny-label{color:var(--muted);font-size:11px;font-weight:700}.teacher-control .tiny-label{color:#abc2e4}.teacher-control h2{margin:4px 0;font-size:22px}.teacher-control p{color:#becce1;max-width:520px;margin:0;font-size:13px}.control-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.teacher-control .secondary{color:#fff;background:#ffffff0d;border-color:#ffffff38}.share-line{border-top:1px solid #ffffff26;grid-column:1/-1;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.share-line code{letter-spacing:2px;color:#b9cdf1;font-size:14px}.share-line input{text-align:left;color:#a1b7d9;direction:ltr;background:0 0;border:0;flex:1;min-width:0;font-size:11px}.section-title{justify-content:space-between;align-items:center;margin:24px 0 18px;display:flex}.section-title h2{margin:0;font-size:22px}.section-title>span{color:var(--muted);font-size:12px}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.unit-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:24px;transition:box-shadow .2s}.unit-card:hover{box-shadow:0 5px 20px #1833540a}.unit-card.featured{background:linear-gradient(145deg,#fff,#f1f5ff);border-color:#729ae5;position:relative}.unit-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.unit-icon{color:#6b7f99;background:#f1f4f8;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.featured .unit-icon{color:var(--blue);background:#dfeaff}.unit-num{color:#b9c4d3;font-size:23px;font-weight:500}.unit-pages{color:var(--muted);font-size:11px}.unit-card h3{min-height:27px;margin:7px 0 8px;font-size:19px}.unit-card p{color:#7a8798;margin:0 0 17px;font-size:12px}.unit-status{color:#8592a3;align-items:center;gap:7px;min-height:25px;font-size:10px;display:flex}.featured .unit-status{color:var(--blue)}.ready-dot,.quiet-dot{background:var(--blue);border-radius:50%;width:5px;height:5px}.quiet-dot{background:#b3becd}.unit-link{border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:15px 0 0;font-size:12px;font-weight:700;display:flex}.featured .unit-link{color:var(--blue)}.scope-note{color:var(--muted);align-items:start;gap:10px;margin:0;padding:24px 0;font-size:12px;display:flex}.lesson-shell{align-items:stretch;max-width:1700px;min-height:80vh;margin:auto;display:flex}.sidebar{border-left:1px solid var(--border);background:#fff;flex-shrink:0;align-self:stretch;width:280px;padding:26px 19px}.back-home{color:var(--muted);align-items:center;gap:9px;margin-bottom:27px;font-size:12px;display:flex}.sidebar h2{margin:7px 0 10px;font-size:20px}.sidebar-description{color:#7e8c9e;font-size:12px}.progress-label{color:#7b899c;justify-content:space-between;margin-top:22px;font-size:10px;display:flex}.progress-label b{color:var(--blue)}.progress-track{background:#edf1f7;border-radius:5px;height:4px;margin:10px 0 24px;overflow:hidden}.progress-track i{background:var(--blue);border-radius:5px;height:100%;transition:width .3s;display:block}.stage-nav{text-align:right;color:#748196;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:11px 10px;font-size:12px;display:flex}.stage-nav small{opacity:.85;margin-bottom:2px;font-size:9px;display:block}.stage-nav.active{color:#214e96;background:#eaf1fe;font-weight:700}.stage-dot{color:#8290a3;border:1px solid #d9e1ed;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.stage-nav.active .stage-dot{background:var(--blue);color:#fff;border-color:var(--blue)}.stage-dot.completed{color:var(--green);background:#e7f4ef;border-color:#b4d8cb}.sidebar-footer{border-top:1px solid var(--border);color:#9ca8b7;flex-direction:column;gap:5px;margin-top:25px;padding-top:20px;font-size:9px;display:flex}.workspace{flex:1;min-width:0;padding:25px 4.2% 45px}.workspace-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px;display:flex}.workspace-top .text-btn{color:#8291a4;font-size:10px}.workspace-top .secondary{padding:9px 12px;font-size:11px}.mobile-menu{display:none}.lesson-intro h1{margin:10px 0 13px;font-size:31px}.lesson-intro>p{color:#607186;max-width:1000px;font-size:16px;line-height:2}.activity{border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px;box-shadow:0 4px 15px #172e4e03}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid #e7ecf2;padding:10px 14px}th{color:#60748e;background:#f4f7fc;font-size:11px;font-weight:700}td:last-child{font-variant-numeric:tabular-nums;font-weight:700}tr:last-child td{border:0}.table-wrap table{border:1px solid #e7ecf2}.builder,.example-layout{grid-template-columns:1fr 1.3fr;gap:30px;display:grid}.builder h3{margin-bottom:15px;font-size:14px}.fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{margin-bottom:16px}.field label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dce4ef;border-radius:7px;max-width:100%;padding:10px 12px}input[type=number]{text-align:center;font-variant-numeric:tabular-nums;direction:ltr}input::placeholder,textarea::placeholder{color:#a2adbc;font-size:12px}textarea{resize:vertical;width:100%;min-height:95px;line-height:1.8}.field input{width:100%;font-size:13px}.graph{background:#fff;border:1px solid #e5eaf2;border-radius:11px;margin:22px 0 24px;overflow:hidden}.graph-caption{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;font-size:12px;display:flex}.graph-caption span{color:#90a0b5;font-size:10px}.graph-scroll{overflow-x:auto}.graph svg{width:100%;min-width:540px;height:auto;max-height:470px;font-family:Tajawal,Arial,sans-serif;display:block}.graph svg text{fill:#72829a;font-size:13px}.graph svg text.value{fill:#234e8f;font-size:13px;font-weight:700}.gridline{stroke:#e9eef6;stroke-width:1px;stroke-dasharray:4 4}.axis{stroke:#95a6be;stroke-width:1.4px}.active-axis{stroke:#eea743;stroke-width:4px}.active-text{font-weight:800;fill:var(--blue)!important}.bar{fill:#6698ed;transition:height .35s,y .35s,width .35s}.chart-line{fill:none;stroke:#2866d0;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.point{fill:#fff;stroke:var(--blue);stroke-width:3px}.value-editors{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:25px 0 12px;display:grid}.value-editor{background:#f5f8fd;border:1px solid #e7edf7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px;font-size:11px;display:flex}.value-editor input{width:70px;min-width:55px;padding:6px;font-size:13px}.step-list{flex-direction:column;gap:8px;display:flex}.step{text-align:right;opacity:.65;border:1px solid #e7ecf3;border-radius:8px;align-items:start;gap:10px;padding:12px;font-size:12px;display:flex}.step span{background:#edf1f7;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.step.current{opacity:1;background:#f2f6ff;border-color:#94b3ed}.step.done{opacity:1}.step.current span{background:var(--blue);color:#fff}.feedback,.model{color:#526780;background:#f2f5fa;border-radius:9px;margin:20px 0 0;padding:17px 20px;font-size:13px;line-height:1.9}.feedback.good{color:#246b53;background:#edf7f2}.model{color:#716348;background:#f6f3ed}.model p{margin:6px 0 0}.model .text-btn{color:#8d753f}.question-list{gap:16px;margin:24px 0;display:grid}.question{border:1px solid var(--border);border-radius:9px;padding:18px}.question>label{margin-bottom:12px;font-size:14px;font-weight:700;display:block}.question input{width:100%;max-width:400px}.question textarea{display:block}.question small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.answer-good,.answer-review{color:#13795b;margin-top:9px;font-size:12px;display:block}.answer-review{color:#a26e2c}.concept-tabs{flex-wrap:wrap;gap:9px;display:flex}.concept-tabs button{border:1px solid var(--border);border-radius:7px;padding:9px 14px;font-size:12px}.concept-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.concept-explanation{color:#5d769b;margin:20px 0;font-size:14px}.line-illustration{color:#8cadde;background:linear-gradient(135deg,#f4f7fc,#eef3fc);border-radius:12px;place-items:center;min-height:230px;display:grid}.sort-task{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.sort-task h3{font-size:15px}.number-cards{flex-wrap:wrap;gap:9px;margin:18px 0;display:flex}.number-cards button{color:#627fa8;border:1px solid #d4deec;border-radius:8px;min-width:48px;min-height:50px;padding:10px;font-size:19px}.number-cards button.selected{border:2px solid var(--blue);color:var(--blue);background:#e8f0ff;padding:9px}.choice-charts{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.chart-option{text-align:right;border:2px solid #e5eaf1;border-radius:10px;min-width:0;padding:12px}.chart-option.selected{border-color:var(--blue);background:#f5f8ff}.chart-option>.graph{margin:8px 0 0}.chart-option .graph-scroll{overflow:hidden}.chart-option .graph svg{min-width:0}.chart-option .graph-caption{display:none}.symbol-table{background:#f5f7fb;border-radius:10px;margin:15px 0;padding:20px}.symbol-table>div{text-align:center;word-spacing:18px;padding:15px 0;font-size:22px;line-height:2.4}.symbol-table small{color:var(--muted);font-size:11px}.lesson-bottom{color:var(--muted);justify-content:space-between;align-items:center;margin:24px 0;font-size:12px;display:flex}.review-notes{border-top:1px solid var(--border);color:#72849d;padding-top:21px;font-size:12px}.review-notes summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.review-notes p{margin:16px 0 10px}.review-notes textarea{font-size:13px}.source-hub{border:1px solid var(--border);background:#fff;border-radius:14px;padding:40px}.source-hub h1{margin:10px 0}.source-hub>p{color:var(--muted);font-size:14px}.source-pages{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}.source-pages button{border:1px solid var(--border);color:#57779f;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:25px 15px;display:flex}.source-pages button:hover{background:#f1f5fd}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#11253ec4;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.source-modal{background:#f1f3f6;border-radius:12px;flex-direction:column;width:100%;max-width:1050px;height:94vh;display:flex;overflow:hidden}.modal-top{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.modal-top b{font-size:15px;display:block}.modal-top span{color:var(--muted);font-size:11px}.page-scroller{direction:ltr;flex:1;padding:18px;display:block;overflow:auto}.page-scroller img{margin:auto;display:block;box-shadow:0 2px 15px #21365116}.source-pagination{background:#fff;justify-content:space-between;padding:12px 20px;display:flex}.source-pagination button{font-size:12px}.guide-modal{background:#fff;border-radius:16px;max-width:650px;max-height:90vh;padding:38px;position:relative;overflow:auto}.guide-modal h2{margin:12px 0 20px;font-size:26px}.guide-modal p{color:#66778c;font-size:14px}.close-guide{position:absolute;top:12px;left:15px}.guide-modal .primary{margin-top:12px}.toast{background:var(--navy);color:#fff;z-index:50;border-radius:10px;align-items:center;gap:12px;min-width:220px;max-width:90vw;padding:15px 22px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 35px #132a4930}.error{color:#a83f3f;border:1px solid #eedada;border-radius:7px;padding:12px;font-size:13px}@media (min-width:1500px){.sidebar{width:310px}.activity{padding:35px}.workspace{padding-left:5%;padding-right:5%}}@media (max-width:1100px){.header-center{display:none}.welcome{gap:25px;padding:65px 5%}.welcome h1{font-size:42px}.cover-art{transform:scale(.85)}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-control{grid-template-columns:1fr}.control-actions{justify-content:start}.sidebar{width:235px;padding:22px 13px}.workspace{padding:22px}.builder,.example-layout{grid-template-columns:1fr;gap:20px}.value-editors{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-top .text-btn{display:none}.activity{padding:20px}.lesson-intro h1{font-size:28px}}@media (max-width:720px){body{font-size:15px}.topbar{height:76px;padding:0 20px}.brand{font-size:24px}.brand-sub{font-size:9px}.guide-button{font-size:11px}.welcome{flex-direction:column;gap:25px;padding:42px 23px 55px;display:flex;overflow:hidden}.welcome-text{width:100%}.welcome h1{font-size:40px;line-height:1.45}.welcome-text>p{font-size:15px}.welcome .action-row{gap:9px}.large{padding:14px;font-size:12px}.welcome-meta{font-size:10px}.cover-art{width:100%;min-height:490px;margin:-15px 0 -35px;transform:scale(.86)}.cover-art:before{width:350px;height:350px;left:5px}.chip-one{left:0}.chip-two{right:-2px}.site-footer{flex-direction:column;gap:12px;padding:22px;font-size:10px}.mode-strip{gap:10px;padding:7px 18px;font-size:10px}.mode-strip .muted{display:none}.mode-strip .text-btn{gap:4px;font-size:10px}.dashboard{padding:27px 18px 40px}.chapter-heading{gap:10px;margin:6px 0 25px}.chapter-heading h1{margin:10px 0 8px;font-size:26px}.chapter-heading p{font-size:12px}.eyebrow{font-size:10px}.chapter-mark{display:none}.teacher-control{border-radius:12px;gap:17px;padding:22px}.teacher-control h2{font-size:21px}.teacher-control p{font-size:12px}.control-actions{gap:8px}.control-actions button{padding:11px 13px;font-size:11px}.share-line{flex-wrap:wrap;font-size:11px}.share-line input{flex-basis:100%;padding:5px 0;font-size:9px}.section-title h2{font-size:20px}.section-title>span{font-size:10px}.unit-grid{grid-template-columns:1fr;gap:13px}.unit-card{padding:20px;position:relative}.unit-top{margin-bottom:10px}.unit-card h3{font-size:20px}.unit-card p{margin-bottom:10px;font-size:12px}.unit-status{font-size:11px}.unit-link{font-size:12px}.unit-num{font-size:28px}.scope-note{font-size:11px}.lesson-shell{display:block;position:relative}.sidebar{border-left:0;width:100%;display:none}.sidebar.mobile-open{display:block}.sidebar nav{grid-template-columns:1fr 1fr;display:grid}.sidebar .back-home{margin-bottom:15px}.sidebar-description,.sidebar-footer{display:none}.sidebar h2{font-size:22px}.workspace{padding:18px 14px 30px}.workspace-top{gap:8px;margin-bottom:26px}.workspace-top .mobile-menu{padding:9px;font-size:10px;display:flex}.workspace-top .secondary{padding:9px 10px;font-size:10px}.lesson-intro{padding:0 5px}.lesson-intro h1{font-size:27px}.lesson-intro>p{font-size:14px;line-height:1.95}.activity{border-radius:11px;padding:17px 13px}.builder h3{font-size:14px}.fields{gap:10px}.field label{font-size:11px}.field input{padding:9px;font-size:12px}.graph{margin:20px 0}.graph-caption{padding:12px;font-size:11px}.graph-caption span{font-size:9px}.value-editors{grid-template-columns:1fr 1fr;gap:7px}.value-editor{gap:6px;padding:8px;font-size:10px}.value-editor input{width:65px;padding:7px}.activity>.action-row button{padding:11px 12px;font-size:11px}.question{padding:14px}.question>label,.question input{font-size:13px}.question-list{gap:11px}.step{padding:10px;font-size:11px}.lesson-bottom button{padding:12px 14px;font-size:11px}.lesson-bottom>span{font-size:10px}.choice-charts{grid-template-columns:1fr}.chart-option .graph svg{min-width:0}.chart-option{padding:10px}.chart-option>b{font-size:18px}.number-cards{gap:7px}.number-cards button{min-width:43px;padding:8px;font-size:16px}.sort-task .action-row button{padding:10px;font-size:11px}.symbol-table{padding:13px}.symbol-table>div{word-spacing:12px;font-size:20px}.source-hub{padding:24px 18px}.source-hub h1{font-size:26px}.source-pages{grid-template-columns:1fr 1fr;gap:10px}.source-pages button{padding:20px 10px;font-size:12px}.modal-backdrop{padding:10px}.source-modal{height:94dvh}.modal-top{padding:10px 12px}.modal-top b{font-size:13px}.modal-top .action-row{gap:1px}.modal-top .icon-button{min-width:30px;padding:6px}.page-scroller{padding:5px}.source-pagination{gap:8px;padding:10px}.source-pagination button{padding:10px;font-size:10px}.guide-modal{padding:35px 24px 25px}.guide-modal h2{font-size:23px}.guide-modal p{font-size:13px}.toast{width:90%;font-size:12px;bottom:18px}.question .model{font-size:12px}.feedback,.model{padding:13px 15px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.topbar,.sidebar,.mode-strip,.workspace-top,.lesson-bottom,.site-footer,.review-notes,.modal-backdrop,.toast,.action-row{display:none!important}.workspace{padding:0}.activity{box-shadow:none;border:0}.lesson-shell{display:block}body{background:#fff}.graph svg{min-width:0}.graph-scroll{overflow:visible}}.sort-direction{color:#7186a3;justify-content:space-between;gap:12px;margin:14px 0 8px;font-size:11px;display:flex}.sort-direction span:first-child{color:#2565db;font-weight:700}.sort-task .number-cards{margin-top:8px}:root{--ink:#263044;--muted:#69728a;--blue:#7752c7;--navy:#36415e;--line:#e8e3f1;--bg:#fffaf4}body{color:#263044;background:#fffaf4}button,input,textarea,select{font-size:16px}button{transition:background .15s,transform .15s}:is(button:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #f4b843}.topbar{background:#fffefb;border-bottom-color:#eee4dc}.brand-icon{color:#7752c7;background:#e9defb}.primary{color:#fff;background:#7752c7;border-color:#7752c7;box-shadow:0 3px #5d389f}.primary:hover{background:#6640b5}.secondary{color:#6945ac;background:#fff;border-color:#d8cdec}.eyebrow{color:#8b5ac5}.welcome h1 em{color:#269486}.welcome{background:radial-gradient(circle at 13% 25%,#fae8b9 0,#0000 35%),radial-gradient(circle at 85% 90%,#e7e0fa 0,#0000 35%)}.book-cover{background:#7752c7;box-shadow:18px 22px #e6d7f4,0 30px 70px #704daa22}.cover-graph i{background:#ffcc70}.cover-graph i:nth-child(2n){background:#a3e0cf}.floating-chip{color:#73532c;background:#fff9e7;border-color:#f6dfab}.chip-two{color:#247a6e;background:#e5f4ef;border-color:#c9e7dd}.mode-strip{background:#f0e9fa}.dashboard{max-width:1300px}.chapter-mark{color:#b87916;background:#fff0cb}.teacher-control{background:#edf8f3;border-color:#c6e7d9}.unit-card{background:#fff;border-color:#e9dfd7;border-radius:22px;box-shadow:0 5px #eee5dc}.unit-card.featured{background:linear-gradient(150deg,#fff,#faf5ff);border:2px solid #c5b1e9}.unit-icon{color:#7752c7;background:#ede5fa}.unit-card:nth-child(2n) .unit-icon{color:#258a78;background:#ddf3ec}.unit-card h3{font-size:23px}.unit-status{font-size:15px}.lesson-toggle{justify-content:center;width:100%;margin:12px 0}.unit-link{color:#6a43ab}.ready-dot,.live-dot{background:#2b9f85}.sidebar{background:#fffefb;border-color:#e8dfd5}.stage-nav.active{color:#6940ad;background:#eee5fc}.stage-nav.active .stage-dot{background:#7752c7}.stage-dot.completed{color:#27856a;background:#e0f2e9}.progress-track i{background:linear-gradient(90deg,#ecaa52,#7752c7)}.activity{border-color:#eee0d5;border-radius:22px;box-shadow:0 5px #efe5db}.workspace{background:#fffaf4}.chart-line{stroke:#e99649}.point{fill:#e99649}.feedback{color:#694c20;background:#fff4d8;border-color:#f3d38c}.feedback.good,.model{color:#275c4b;background:#eaf6f0;border-color:#b9decf}.number-cards button.selected,.selected{background:#f0e8fd!important;border-color:#8763c7!important}.scope-note{font-size:15px}.stage-nav small{font-size:12px}.stage-nav{font-size:16px}.site-footer{background:#f5eee6}.formula-hero{background:#f0e8fb;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:35px 15px;font-size:26px;display:flex}.formula-hero.small{margin:20px 0;padding:22px;font-size:21px}.fraction{text-align:center;flex-direction:column;display:flex}.fraction span:first-child{border-bottom:2px solid;padding:8px}.fraction span:last-child{padding:8px}.definition-values{justify-content:center;gap:12px;margin:25px;display:flex}.definition-values span{background:#ffedbf;border-radius:12px;padding:12px 20px}.concept-story,.activity-instruction{background:#fff5dc;border-radius:15px;align-items:center;gap:12px;margin-bottom:25px;padding:18px;display:flex}.activity-instruction{flex-wrap:wrap}.activity-instruction b{margin-inline-start:auto}.cube-garden{align-items:stretch;gap:12px;min-height:280px;padding:20px 5px;display:flex;overflow:auto}.cube-column{background:#fff9ef;border:2px solid #e7ddef;border-radius:16px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:95px;padding:12px;display:flex}.cube-column.chosen{background:#eee4fa;border-color:#7752c7}.cube-stack{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:3px;min-height:175px;display:flex}.cube{background:#9b77d3;border:2px solid #7550af;border-radius:4px;width:27px;height:21px;box-shadow:3px -2px #d2bcef}.cube-column:nth-child(2n) .cube{background:#64bba6;border-color:#378d78;box-shadow:3px -2px #c4eadc}.column-count{background:#fff;border-radius:10px;padding:4px 12px;font-weight:700}.person-token{color:#6d4aaa}.distribution-answer{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:20px 0;display:flex}.distribution-answer input{text-align:center;width:90px}.mean-calculation{align-items:center;gap:18px;margin:25px 0;display:flex}.mean-calculation .field{flex:1;min-width:0}.mean-calculation input{text-align:center}.picture-chart{border:1px solid #e4d9ed;border-radius:18px;padding:22px}.picture-row{border-bottom:1px solid #f0e8f4;align-items:center;gap:20px;padding:14px;display:flex}.picture-row>b{flex-shrink:0;width:80px}.picture-row>div{flex-wrap:wrap;gap:10px;display:flex}.picture-token{color:#9565c6;width:30px;display:inline-flex;position:relative}.half-token{clip-path:inset(0 50% 0 0);margin-left:-15px}.money-token{background:#67b89c;border:2px solid #2c8c6b;border-radius:3px;width:28px;height:17px;display:block}.picture-key{background:#fff3d2;border-radius:10px;padding:12px}.outlier-comparison{grid-template-columns:1fr 1fr;gap:25px;margin:25px 0;display:grid}.answer-options{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.answer-options button{background:#fff;border:2px solid #e4d9ed;border-radius:14px;gap:20px;padding:20px;display:flex}.answer-options span{color:#8053b8}.dot-columns{justify-content:space-around;align-items:flex-end;gap:8px;padding:15px;display:flex;overflow:auto}.dot-column{flex-direction:column;align-items:center;gap:8px;min-width:48px;display:flex}.dots-stack{color:#8156bd;flex-direction:column;justify-content:flex-end;min-height:135px;font-size:25px;display:flex}.submission-panel{background:#fff;border:1px solid #d6e8de;border-radius:20px;margin:25px 0;padding:25px}.submission-panel label{max-width:380px;margin:15px 0;display:block}.submission-panel label input{width:100%;margin-top:8px}.submission-panel details{background:#f5faf6;border-radius:12px;margin-top:12px;padding:16px}.submission-answer{overflow-wrap:anywhere;background:#fff;margin-top:10px;padding:15px}.submission-answer p{font-size:15px}.outlier-picker{margin:22px 0}@media (max-width:700px){.mean-calculation{flex-direction:column;align-items:stretch}.outlier-comparison,.answer-options{grid-template-columns:1fr}.formula-hero{font-size:21px}.cube-column{min-width:85px}.activity-instruction b{margin:0}.cube-garden{gap:8px}.picture-chart{padding:10px}.picture-row{gap:10px}}.unit-grid:has(>.unit-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-meta,.unit-pages,.unit-num,.brand-sub,.header-center,.site-footer{color:#687084}.unit-card p,.sidebar-description{font-size:16px;line-height:1.8}.people-garden .cube-stack{min-height:260px}.submission-panel p{line-height:1.8}@media (max-width:700px){.unit-grid:has(>.unit-card:nth-child(2):last-child){grid-template-columns:1fr}}.teacher-control{color:#263044;border:1px solid #b9d9cd}.teacher-control h2{color:#263044}.teacher-control .tiny-label{color:#326c5d;font-size:14px}.teacher-control p{color:#38594f;font-size:16px;line-height:1.9}.teacher-control .secondary{color:#244f42;background:#fff;border:1px solid #6a8f81}.teacher-control .secondary:hover{color:#183e32;background:#dceee5}.teacher-control .share-line{color:#304e44;border-top-color:#b9d9cd;font-size:15px}.teacher-control .share-line code{color:#35417b;letter-spacing:1px;overflow-wrap:anywhere;font-size:17px;font-weight:700}.teacher-control .share-line input{color:#35417b;background:#fff;border:1px solid #b9d9cd;border-radius:8px;min-height:44px;padding:10px;font-size:14px}.book-cover{border-left-color:#5d389f}.book-cover>span,.book-cover small,.cover-bottom{color:#fff}@media (max-width:600px){.teacher-control .share-line input{font-size:14px}.teacher-control p{font-size:16px}.teacher-control h2{font-size:24px}}:root{--blue:#80639e}.primary,.primary.opened{color:#49335f;background:#e3d5f2;border-color:#c9b3e0;box-shadow:0 2px #c9b3e0}.primary:hover,.primary.opened:hover{color:#3f2c54;background:#d8c5ec}.stage-nav.active .stage-dot{color:#49335f;background:#d7c3eb}.bar{fill:#ae91cc}.cube{background:#b69ad2;border-color:#9272b0;box-shadow:3px -2px #e3d4ef}.book-cover{color:#49335f;background:#d9c7ec;border-left-color:#b597cf;box-shadow:18px 22px #eee5f6,0 30px 70px #704daa18}.book-cover>span,.book-cover small,.book-cover h2,.cover-bottom{color:#49335f}.inline-book{background:#f8f4fb;border:1px solid #ded2ea;border-radius:16px;margin-bottom:25px;padding:16px}.inline-book summary,.workspace-tools summary{cursor:pointer;color:#49335f;padding:8px;font-weight:700}.inline-book img{background:#fff;width:100%;max-width:900px;margin:16px auto;display:block}.inline-book a{color:#533a79;margin:12px;text-decoration:underline;display:inline-block}.inline-book:not([open]){background:#faf7fd}.reading-step{background:#fff2d2;border-radius:16px;margin:20px 0;padding:25px;font-size:21px;line-height:2}.measure-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0;display:grid}.dot-scroll{border:1px solid #e7deee;border-radius:14px;width:100%;margin:20px 0;overflow-x:auto}.dot-scroll .dot-columns{justify-content:space-between;width:max-content;min-width:100%;overflow:visible}.dot-scroll .dot-column{flex-shrink:0;min-width:46px}.data-values{overflow-wrap:anywhere;background:#f4edf9;border-radius:12px;padding:20px;line-height:2}.workspace-tools{background:#f1f8f3;border:1px solid #c6dfcf;border-radius:16px;margin:25px 0;padding:20px}.workspace-tools label{margin:15px 0;line-height:1.8;display:block}.workspace-tools textarea,.workspace-tools select,.workspace-tools input{width:100%;margin-top:10px;display:block}.workspace-tools textarea{min-height:120px}.table-wrap input{text-align:center;width:95px}.number-cards{flex-wrap:wrap}.inline-book summary{font-size:16px}.unit-grid .unit-card.featured{background:#fffdfd}.submission-answer p{white-space:pre-wrap}@media (max-width:600px){.measure-fields{grid-template-columns:1fr}.reading-step{padding:18px;font-size:18px}.inline-book{padding:8px}.workspace-tools{padding:12px}.table-wrap{max-width:100%;overflow:auto}.number-cards button{min-width:46px}}.dot-instruction{color:#493c29;background:#fff3d7;border:1px solid #ecd59a;border-radius:12px;padding:16px;line-height:2}.dot-instruction strong{text-align:center;color:#49335f;background:#fff;border:1px solid #d8c3e7;border-radius:6px;min-width:28px;margin:0 3px;font-size:21px;display:inline-block}.nawah-contact{color:#49335f;align-items:center;gap:6px;margin-inline-start:14px;padding:10px 0;font-size:15px;text-decoration:underline;display:inline-flex}.site-footer{flex-wrap:wrap;gap:12px}@media (max-width:600px){.nawah-contact{width:fit-content;margin-inline-start:0;display:flex}}.account-page{max-width:650px;min-height:100vh;margin:auto;padding:35px 20px}.account-card{background:#fff;border:1px solid #e3d7ec;border-radius:22px;margin-top:30px;padding:30px}.account-card h1{font-size:29px}.account-card p{line-height:1.9}.account-card label{margin:20px 0;display:block}.account-card input,.account-card textarea{width:100%;margin:10px 0;display:block}.account-card small{color:#5f6675}.account-links{flex-wrap:wrap;gap:18px;margin-top:25px;display:flex}@media (max-width:600px){.account-card{padding:20px}}.password-settings{border:1px solid #ddd0eb;border-radius:16px;min-width:0;margin:24px 0;padding:16px}.password-settings legend{color:#604486;padding:0 8px;font-weight:700}.account-support{text-align:center;margin:24px 0;font-size:14px}.control-actions a.secondary{text-decoration:none}.account-card button:disabled{opacity:.65;cursor:wait}.activity-fields{border:0;min-width:0;margin:0;padding:0}.preview-notice{color:#49335f;background:#f1e9fa;border:1px solid #cdb9e2;border-radius:14px;padding:14px 18px;line-height:1.9}.activity-fields:disabled button,.activity-fields:disabled input,.activity-fields:disabled textarea,.activity-fields:disabled select{cursor:not-allowed;opacity:.65}.activity-fields:disabled input,.activity-fields:disabled textarea,.activity-fields:disabled select{-webkit-text-fill-color:#536075;color:#536075;background:#f5f3f7}