@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";.teacher-card[data-v-d85f3a03]{background:#fff;border:1px solid #d8e7df;border-radius:18px;padding:28px;margin:26px 0;box-shadow:0 6px 22px #18594b08}.teacher-header[data-v-d85f3a03]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #e7eeea}.teacher-kicker[data-v-d85f3a03]{font-size:.75rem;letter-spacing:.08em;color:#668674;font-weight:600}.teacher-header h2[data-v-d85f3a03]{font-size:1.5rem;margin:7px 0 0}.teacher-count[data-v-d85f3a03]{font-size:.875rem;color:#698473;white-space:nowrap}.teacher-topics[data-v-d85f3a03]{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.teacher-topics button[data-v-d85f3a03]{font-size:.875rem;text-align:left;background:#f1f6f3;color:#50725d;padding:7px 12px;border-radius:7px}.teacher-topics button.selected[data-v-d85f3a03]{background:#18594b;color:#fff}.teacher-stage[data-v-d85f3a03]{padding:25px 0;min-height:240px}.teacher-step[data-v-d85f3a03]{display:flex;gap:12px;align-items:center}.teacher-step>span[data-v-d85f3a03]{background:#e7f3eb;color:#286947;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:1.4rem;font-weight:700;flex-shrink:0}.teacher-step small[data-v-d85f3a03]{font-size:.875rem;color:#7a8f80}.teacher-step h3[data-v-d85f3a03]{font-size:1.2rem;margin:3px 0 0}.teacher-label[data-v-d85f3a03]{font-size:1.15rem;line-height:1.7;color:#274f39;font-weight:600;margin:20px 0}.teacher-idea[data-v-d85f3a03]{font-size:1rem;margin-bottom:0}.teacher-rules[data-v-d85f3a03]{padding-left:25px;color:#42694f;font-size:1rem}.teacher-rules li[data-v-d85f3a03]{padding:7px 0 7px 5px}.teacher-example[data-v-d85f3a03]{padding:18px 20px;background:#eef8f1;border-radius:10px}.teacher-example>span[data-v-d85f3a03]{font-size:.875rem;color:#73907b}.teacher-example>b[data-v-d85f3a03]{display:block;font-size:1.75rem;color:#296947;margin:5px 0 10px}.teacher-example p[data-v-d85f3a03]{margin:10px 0 0;font-size:1rem}.teacher-example summary[data-v-d85f3a03]{color:#537c61;cursor:pointer;font-size:.875rem}.teacher-player[data-v-d85f3a03]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.teacher-play[data-v-d85f3a03]{padding:13px 22px;background:#18594b;color:#fff;font-weight:600;border-radius:10px;font-size:1rem;min-width:170px}.teacher-replay[data-v-d85f3a03]{padding:10px;background:transparent;color:#5c7e67;font-size:.875rem}.teacher-time[data-v-d85f3a03]{font-size:.875rem;color:#6f8877}.teacher-rate[data-v-d85f3a03]{margin-left:auto;font-size:.875rem;color:#69806d}.teacher-rate select[data-v-d85f3a03]{display:inline-block;background:#f4f8f5;border:1px solid #d6e4d9;border-radius:6px;padding:7px;color:#476650;font-size:.875rem;margin-left:6px}.teacher-timeline[data-v-d85f3a03]{height:6px;background:#e7efea;margin:20px 0;border-radius:5px;overflow:hidden}.teacher-timeline i[data-v-d85f3a03]{display:block;height:100%;background:#e69b52;transition:width .2s}.teacher-navigation[data-v-d85f3a03]{display:flex;align-items:center;justify-content:space-between;gap:15px}.teacher-navigation label[data-v-d85f3a03]{display:flex;gap:7px;align-items:center;font-size:.875rem;color:#728b7a}.teacher-navigation input[data-v-d85f3a03]{accent-color:#18594b;width:17px;height:17px}.teacher-transcript[data-v-d85f3a03]{margin-top:22px;color:#6c8777;font-size:.875rem}.teacher-transcript summary[data-v-d85f3a03]{cursor:pointer}.teacher-transcript p[data-v-d85f3a03]{padding:15px;background:#f5f9f6;border-radius:9px;margin:10px 0}.teacher-footnote[data-v-d85f3a03]{font-size:.875rem;margin:18px 0 0;color:#8b9e91}.teacher-error[data-v-d85f3a03]{font-size:.875rem;color:#a15b37;background:#fff2e6;padding:12px;border-radius:8px;margin:10px 0}.teacher-question>.primary[data-v-d85f3a03]{margin-top:18px}.teacher-feedback[data-v-d85f3a03]{margin-top:18px;background:#edf8f0;border:1px solid #d4e9da;padding:18px;border-radius:10px;color:#326444}.teacher-feedback.incorrect[data-v-d85f3a03]{background:#fff5e8;border-color:#f0dbbd;color:#845c32}.teacher-feedback p[data-v-d85f3a03]{margin:10px 0 0;font-size:1rem}.teacher-feedback .text-button[data-v-d85f3a03]{margin-top:10px}@media(max-width:760px){.teacher-card[data-v-d85f3a03]{padding:22px 18px}.teacher-header[data-v-d85f3a03]{align-items:flex-start}.teacher-kicker[data-v-d85f3a03]{font-size:.75rem}.teacher-header h2[data-v-d85f3a03]{font-size:1.3rem}.teacher-count[data-v-d85f3a03]{font-size:.75rem}.teacher-stage[data-v-d85f3a03]{min-height:0}.teacher-player[data-v-d85f3a03]{gap:7px 10px}.teacher-play[data-v-d85f3a03]{font-size:.95rem;min-width:145px;padding:12px 14px}.teacher-time[data-v-d85f3a03]{font-size:.75rem}.teacher-rate[data-v-d85f3a03]{margin:8px 0 0;width:100%}.teacher-navigation[data-v-d85f3a03]{flex-wrap:wrap;gap:12px}.teacher-navigation label[data-v-d85f3a03]{order:3;width:100%;justify-content:center}.teacher-navigation .primary[data-v-d85f3a03],.teacher-navigation .secondary[data-v-d85f3a03]{font-size:.8rem;padding:10px 12px}.teacher-label[data-v-d85f3a03]{font-size:1.1rem}.teacher-step small[data-v-d85f3a03]{font-size:.8rem}.teacher-step h3[data-v-d85f3a03]{font-size:1.1rem}.teacher-example>b[data-v-d85f3a03]{font-size:1.5rem}.teacher-transcript[data-v-d85f3a03]{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.teacher-timeline i[data-v-d85f3a03]{transition:none}}:root{font-family:Be Vietnam Pro,system-ui,sans-serif;color:#253e37;background:#f5f7f8;font-synthesis:none;font-size:16px;line-height:1.65;--green:#18594b;--orange:#e78543;--border:#dfe7e3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e78543;outline-offset:3px}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.35;letter-spacing:-.04em;margin-bottom:12px}h2{font-size:1.35rem;line-height:1.45;letter-spacing:-.025em}h3{font-size:1.08rem;line-height:1.5}p{color:#60736c}small{font-size:.8rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:33px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-size:1.2rem;font-weight:800;line-height:1.4}.brand small{display:block;font-size:.75rem;letter-spacing:.12em;color:#73867c;margin-top:4px}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;width:43px;height:43px;border-radius:14px;font-size:1.5rem;font-weight:800}.brand-mark>span{font-size:.75rem;position:absolute;right:5px;top:4px}.class-label{margin:32px 0 20px;background:#eff5f1;border:1px solid #dce9df;padding:9px 12px;border-radius:9px;font-weight:800;font-size:.85rem}.class-label span{font-weight:500;font-size:.75rem;margin-left:8px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;background:transparent;color:#687c73;border-radius:9px;font-size:.88rem;font-weight:500}.sidebar nav button.active{background:var(--green);color:#fff}.sidebar nav button>span{font-size:1.3rem;width:20px;text-align:center}.sidebar-progress{margin-top:45px;padding:17px 12px;border:1px solid var(--border);border-radius:12px}.sidebar-progress>span{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#8a9a91}.sidebar-progress>div{font-size:.75rem;margin-top:12px}.sidebar-progress b{font-size:1.4rem;color:var(--green)}.sidebar-progress p{font-size:.75rem;line-height:1.6;margin:11px 0 0}.progress-track{height:7px;overflow:hidden;background:#e7eeea;border-radius:8px}.progress-track i{display:block;height:100%;background:var(--green);border-radius:8px;transition:width .3s}.sidebar-footer{margin-top:auto;padding-top:25px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:.75rem;color:#546c60}.sidebar-footer small{display:block;color:#93a097;margin-top:2px}.book-symbol{font-size:1.8rem}.app-shell main{margin-left:254px;width:calc(100% - 254px)}.topbar{height:78px;padding:0 44px;background:#ffffffb8;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.topbar>div{display:flex;align-items:center;gap:12px}.breadcrumb{color:#96a39d}.sound-toggle{background:#fff;border:1px solid var(--border);padding:7px 12px;border-radius:8px;color:#5e7468;font-size:.75rem}.menu-toggle{display:none}.content{max-width:1320px;margin:0 auto;padding:40px 44px 24px}.eyebrow{color:#6b8577;font-size:.75rem;letter-spacing:.13em;font-weight:700;margin-bottom:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading p:last-child{font-size:.88rem;margin:0}.grade-badge{width:63px;height:72px;background:#fff;border:1px solid var(--border);border-radius:13px;color:var(--green);font-size:2rem;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.grade-badge small{font-size:.75rem;margin-top:6px;letter-spacing:.15em}.continue-card{background:#18594b;color:#fff;border-radius:18px;padding:30px 35px;display:flex;justify-content:space-between;overflow:hidden;position:relative;min-height:231px}.continue-card>div:first-child{z-index:1;max-width:66%}.pill{display:inline-flex;font-size:.75rem;letter-spacing:.08em;font-weight:700;border:1px solid #ffffff42;background:#ffffff12;border-radius:5px;padding:5px 9px}.continue-card h2{font-size:1.6rem;margin:13px 0 8px;color:#fff}.continue-card p{font-size:.82rem;color:#d1e4dc;margin-bottom:20px}.primary{background:var(--green);color:#fff;padding:12px 20px;border-radius:9px;font-size:.86rem;font-weight:600;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.13)}.primary:active{transform:translateY(1px)}.continue-card .primary{background:#ffe0a0;color:#344537;padding:10px 18px}.math-board{position:relative;width:270px;min-width:220px;margin-right:8px}.math-tile{position:absolute;border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 15px #092e3026;font-weight:700}.tile-one{background:#e0eee3;color:#18594b;left:4px;top:15px;padding:10px 16px;font-size:1.8rem;transform:rotate(-8deg)}.tile-two{background:#ffdfa3;color:#694d28;right:24px;top:66px;width:76px;height:76px;font-size:2.7rem;transform:rotate(8deg)}.tile-three{background:#7daca0;color:#fff;left:35px;top:96px;width:57px;height:65px;font-size:2.3rem;transform:rotate(-5deg)}.tile-four{right:16px;top:2px;color:#d1eadf;font-size:1.8rem;background:#2e6b5d;width:72px;height:50px;transform:rotate(4deg)}.board-dots{position:absolute;left:118px;top:104px;line-height:.5;font-size:2.5rem;color:#7fa998}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);border-radius:13px;margin:24px 0 34px;padding:19px 0}.summary-strip>div{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--border)}.summary-strip>div:last-child{border:0}.summary-strip b{font-size:1.5rem;font-weight:700;line-height:1.2}.summary-strip span{font-size:.75rem;color:#718379;max-width:100px;line-height:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin:0;font-size:1.25rem}.section-heading>span{font-size:.75rem;color:#8a9a91}.filter-bar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:14px}.segmented{display:inline-flex;border:1px solid var(--border);background:#ebf0ed;padding:4px;border-radius:9px;gap:3px}.segmented button{background:transparent;color:#748378;border-radius:6px;padding:7px 17px;font-size:.8rem;white-space:nowrap}.segmented button.selected{background:#fff;color:var(--green);font-weight:600;box-shadow:0 1px 4px #1e493e12}.search{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:9px;padding:7px 13px;width:260px}.search span{color:#789183;font-size:1.5rem;line-height:1}.search input{border:0;outline:none!important;background:transparent;width:100%;font-size:.78rem;color:#344c40}.unit-filter{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#748378;margin-bottom:22px}.unit-filter select{max-width:100%;background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:#526d5e;font-size:.75rem}.units-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.unit-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 23px 14px}.unit-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}.unit-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;font-size:1.3rem;font-weight:600;background:#e5f2e9;color:#276449;flex-shrink:0}.blue .unit-icon{background:#e8f0fc;color:#4a76b2}.orange .unit-icon{background:#fff1df;color:#c1792d}.purple .unit-icon{background:#eeeafb;color:#8460a8}.unit-number{font-size:.75rem;letter-spacing:.08em;font-weight:600;color:#94a199}.unit-done{margin-left:auto;font-size:.75rem;color:#839d8f}.unit-card h3{margin-bottom:15px;font-size:1.08rem}.lesson-list{border-top:1px solid #eef1ef}.lesson-list button{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:10px 0;background:transparent;color:#536b60;border-bottom:1px solid #f0f3f1;font-size:.75rem;line-height:1.65;min-height:46px}.lesson-list button:hover{background:#f4f8f5;color:#18594b}.lesson-list button:last-child{border-bottom:0}.lesson-number{flex-shrink:0;background:#f1f5f2;color:#93a396;font-size:.75rem;border-radius:5px;width:25px;height:25px;text-align:center;line-height:25px}.lesson-number.done{background:#d8efdf;color:#18594b}.lesson-result{margin-left:auto;white-space:nowrap;color:#89a291;font-size:.75rem}.content-footer{margin-top:45px;border-top:1px solid var(--border);padding:22px 0;font-size:.75rem;color:#87988b}.content-footer p{color:#8b998f;max-width:800px}.content-footer summary{cursor:pointer;color:#60786a}.content-footer details p{margin-top:12px}.content-footer a{display:block;margin:5px 0}.text-button{background:transparent;color:var(--green);padding:7px 0;font-size:.85rem;font-weight:500}.content>.text-button{margin-bottom:22px}.lead{font-size:.9rem;max-width:760px;margin-bottom:28px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;margin-top:30px}.knowledge-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:27px;margin-bottom:20px}.mini-label{color:#698b74;letter-spacing:.1em;font-size:.75rem;font-weight:700}.knowledge-card h2{margin:9px 0 17px}.knowledge-card ol{padding-left:23px;color:#526a60;font-size:.95rem}.knowledge-card li{padding-left:5px;margin-bottom:12px}.example{background:#edf7f1;border-radius:9px;padding:18px 20px;margin-top:25px}.example b{font-size:.85rem;color:#28634c}.example p{font-size:.88rem;margin:8px 0 0;color:#416650}.lesson-action{align-self:start;position:sticky;top:24px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:25px}.lesson-action h2{margin-top:18px}.lesson-action p{font-size:.86rem}.lesson-action button{width:100%}.lesson-action small{display:block;text-align:center;margin-top:15px;color:#647d6e}.lesson-action .small-note{font-size:.75rem;margin:20px 0 0}.quiz-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.quiz-heading h1{font-size:1.7rem}.quiz-heading .text-button{white-space:nowrap}.quiz-progress{display:flex;gap:20px;align-items:center;margin:26px 0;font-size:.8rem;color:#6f8477}.quiz-progress .progress-track{flex:1}.question-card{max-width:850px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:35px}.pill.light{background:#ecf5ef;color:#42725a;border-color:#d8e9dd}.question-card h2{font-size:1.5rem;line-height:1.6;margin:20px 0 25px}.diagram{display:flex;justify-content:center;align-items:center;background:#f7faf8;border:1px solid #e8efe9;border-radius:12px;padding:22px;margin:20px 0;min-height:100px;width:100%}.diagram svg{max-width:340px;width:100%;max-height:220px;font-family:inherit;fill:#305646;font-size:15px}.diagram .clock{height:225px;width:225px}.place-chart{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.place-chart>div{min-width:70px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #dde8e0;border-radius:7px;overflow:hidden}.place-chart span{font-size:.75rem;background:#e6f1e9;width:100%;padding:6px 10px;text-align:center}.place-chart b{font-size:1.8rem;padding:8px}.column-calc{font-family:monospace;font-size:1.65rem;line-height:1.6;text-align:right;width:150px;letter-spacing:.15em}.column-calc span{float:left}.column-calc hr{border:0;border-top:2px solid #456557;margin:5px 0}.dot-groups{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;width:100%}.dot-group{display:grid;grid-template-columns:repeat(3,9px);justify-content:center;align-content:center;gap:5px;background:#e8f3ea;border:1px solid #c9dfd0;border-radius:8px;padding:9px;min-width:56px;min-height:56px}.dot-group i{width:9px;height:9px;border-radius:50%;background:#43866b}.fraction-grid{display:grid;gap:5px;width:100%;max-width:410px}.fraction-grid span{aspect-ratio:1;background:#fff;border:2px solid #87b69b;border-radius:4px}.fraction-grid span.filled{background:#398466}.square-grid{display:grid;max-width:340px;width:100%;border:1px solid #43866b}.square-grid span{aspect-ratio:1;background:#e3f2e7;border:1px solid #8fb6a0}.temperature{display:flex;align-items:center;gap:35px}.thermometer{height:170px;width:25px;border:3px solid #adc4b6;border-radius:15px;padding:4px;display:flex;align-items:flex-end}.thermometer>div{background:#d76b42;width:100%;border-radius:10px}.temperature b{font-size:2rem}.data-table{border-collapse:collapse;background:#fff;width:min(100%,400px);font-size:.9rem}.data-table caption{font-size:.78rem;padding-bottom:10px;color:#668273}.data-table td,.data-table th{text-align:left;padding:8px 15px;border:1px solid #d8e4db}.data-table th{background:#e5f2e9}.marbles{display:flex;flex-wrap:wrap;gap:13px;justify-content:center}.marbles span{width:52px;height:52px;border-radius:50%;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center}.marbles .red{background:#bf514b}.marbles .blue{background:#497caf}.answer-field{display:block}.answer-field>span{display:block;font-size:.85rem;margin-bottom:10px;color:#617f6c}.answer-field>div{display:flex;align-items:center;gap:12px}.answer-field input{padding:12px 15px;font-size:1.2rem;max-width:240px;min-width:0;width:100%;border:2px solid #dce8df;border-radius:9px;color:#244b38}.answer-field input:disabled{background:#f1f5f2;opacity:1}.answer-field>div>span{color:#6e8177}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-options button{display:flex;gap:12px;text-align:left;align-items:center;border:2px solid #e4ebe6;background:#fff;border-radius:9px;padding:14px;color:#496654;font-size:1rem}.answer-options button>span{background:#f0f5f2;padding:3px 10px;border-radius:5px;font-size:.8rem}.answer-options button.chosen{border-color:#43866b;background:#edf7f0}.answer-options button.right{border-color:#43866b;background:#dff3e5;opacity:1}.answer-options button.wrong{border-color:#c47653;background:#fff0e8;opacity:1}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.hint-box{margin-top:20px;background:#fff7e4;border-radius:9px;padding:15px 20px;color:#826735;font-size:.9rem}.feedback{margin-top:25px;border-radius:10px;padding:23px;background:#eaf6ee;border:1px solid #c9e6d4}.feedback h3{color:#286649}.feedback p{font-size:.94rem;color:#466d56}.feedback.try-again{background:#fff5e9;border-color:#f0dfc7}.feedback.try-again h3,.feedback.try-again p{color:#825b32}.feedback .primary{margin-top:7px}.result-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:35px;text-align:center}.result-card h1{font-size:1.9rem}.result-symbol{font-size:3.5rem;color:#dca13d;line-height:1.3;margin:0 auto 20px}.result-score{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:30px 0}.result-score b{font-size:3rem;color:var(--green)}.result-score span{color:#7d8f82}.result-score strong{background:#e6f3e9;color:#397153;border-radius:7px;padding:5px 12px;margin-left:12px}.result-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.secondary{background:#fff;border:1px solid #cfded3;color:#43644e;border-radius:9px;padding:12px 20px;font-size:.86rem}.wrong-review{margin:35px 0}.wrong-review article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:15px}.wrong-review article p{font-size:.9rem;margin-bottom:10px}.review-start{background:#fff;border:1px solid var(--border);border-radius:15px;padding:30px}.review-facts{display:flex;flex-wrap:wrap;gap:40px;margin:30px 0;color:#7a8a7d;font-size:.86rem}.review-facts b{color:#2e6a4c;font-size:1.5rem;margin-right:5px}.spaced-heading{margin-top:35px}.recommendations{display:grid;grid-template-columns:1fr 1fr;gap:14px}.recommendations button{display:flex;flex-direction:column;align-items:start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;color:#526e5d;text-align:left}.recommendations button span{font-size:.75rem;color:#8c9e90}.recommendations button b{font-size:.95rem;margin:8px 0}.tool-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tool-tabs button{background:#fff;border:1px solid var(--border);padding:10px 18px;border-radius:9px;color:#6a8171;font-size:.85rem}.tool-tabs button.selected{background:#18594b;color:#fff;border-color:#18594b}.explorer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px}.explorer .diagram{min-height:260px}.explorer-controls label{display:block;color:#6d8474;margin:20px 0;font-size:.85rem}.explorer-controls label b{color:#315d44}.explorer-controls input{width:100%;display:block;accent-color:var(--green);margin-top:12px}.explorer-controls p{font-size:.88rem}.formula{font-size:2rem;color:#2a6445;margin:25px 0}.formula b{color:#bb6b31}.progress-units,.history{background:#fff;border:1px solid var(--border);border-radius:14px;padding:25px;margin-bottom:25px}.progress-units>div{display:grid;grid-template-columns:1.5fr 1fr 40px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #eff3ef;font-size:.83rem;color:#6a8071}.progress-units b{text-align:right;font-size:.8rem}.history>div{display:grid;grid-template-columns:95px 1fr 125px;gap:12px;padding:14px 0;border-top:1px solid #ecf1ed;font-size:.8rem;color:#6f8274}.history>div b{font-weight:500;color:#3e604a}.history p{font-size:.9rem}.danger{color:#a95143}.empty-state{text-align:center;padding:35px;background:#fff;border:1px solid var(--border);border-radius:14px}.modal-backdrop{position:fixed;inset:0;background:#14362cb3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 25px 80px #14362c44}.modal p{font-size:.9rem}.modal>div{display:flex;gap:12px;flex-wrap:wrap}.storage-warning{padding:10px 44px;background:#fff2d5;font-size:.85rem;color:#835c32}@media(min-width:1500px){.units-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content{max-width:1500px}.unit-card{padding:22px 20px}}@media(max-width:1100px){.sidebar{width:220px;padding:28px 15px}.app-shell main{margin-left:220px;width:calc(100% - 220px)}.content{padding:30px 28px}.topbar{padding:0 28px}.summary-strip>div{gap:8px;flex-direction:column}.summary-strip span{max-width:none}.math-board{min-width:170px;transform:scale(.85);transform-origin:right center}.continue-card{padding:25px}.lesson-layout{grid-template-columns:1fr}.lesson-action{position:static}.lesson-action button{width:auto}.lesson-action small{text-align:left}.unit-card{padding:20px 17px}.unit-number{font-size:.75rem}.explorer{padding:25px;gap:22px}.history>div{grid-template-columns:85px 1fr}.history>div>span:last-child{grid-column:2}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:254px}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#15362977;z-index:20}.app-shell main{margin:0;width:100%}.topbar{height:65px;padding:0 20px;font-size:.75rem}.menu-toggle{display:block;background:transparent;color:var(--green);font-size:1.25rem;padding:0 3px}.breadcrumb{display:none}.sound-toggle{font-size:.75rem;padding:6px 8px}.content{padding:27px 20px}.page-heading{gap:10px}.page-heading p:last-child{font-size:.8rem}.grade-badge{width:50px;min-width:50px;height:60px}.continue-card{padding:22px;min-height:205px}.continue-card>div:first-child{max-width:100%}.continue-card h2{font-size:1.3rem}.continue-card p{font-size:.8rem}.math-board{display:none}.summary-strip{margin:20px 0 28px;padding:15px 0}.summary-strip b{font-size:1.2rem}.summary-strip span{font-size:.75rem;text-align:center;max-width:70px}.filter-bar{align-items:stretch;flex-direction:column;gap:12px}.segmented{align-self:flex-start}.search{width:100%;padding:9px 13px}.unit-filter{flex-wrap:wrap}.unit-filter select{flex:1;min-width:0}.units-grid{grid-template-columns:1fr;gap:17px}.unit-card{padding:20px}.unit-number{font-size:.75rem}.lesson-list button{font-size:.84rem;min-height:49px;padding:10px 0}.content-footer{font-size:.75rem}.knowledge-card{padding:23px 20px}.knowledge-card li{font-size:.9rem}.question-card{padding:23px 19px}.question-card h2{font-size:1.22rem}.quiz-heading{align-items:flex-start}.quiz-heading h1{font-size:1.35rem}.quiz-heading .text-button{font-size:.75rem;max-width:85px;white-space:normal}.quiz-progress{gap:10px;font-size:.75rem}.answer-options{grid-template-columns:1fr}.answer-options button{font-size:.95rem}.question-actions{gap:10px}.question-actions .primary{padding:11px 13px;font-size:.78rem}.question-actions .text-button{font-size:.78rem}.diagram{padding:16px 12px}.place-chart{gap:4px}.place-chart>div{min-width:0}.place-chart span{font-size:.75rem;padding:6px}.place-chart b{font-size:1.4rem}.result-card{padding:25px 20px}.result-card h1{font-size:1.5rem}.result-score{gap:8px;flex-wrap:wrap}.result-score span{font-size:.8rem}.result-score strong{margin-left:0}.result-actions{flex-direction:column;align-items:stretch;gap:10px}.review-start{padding:22px}.review-facts{gap:15px;flex-direction:column;margin:24px 0}.recommendations{grid-template-columns:1fr}.explorer{grid-template-columns:1fr;padding:23px 20px;gap:0}.tool-tabs{gap:7px}.tool-tabs button{font-size:.75rem;padding:9px 11px}.progress-units,.history{padding:22px 18px}.progress-units>div{grid-template-columns:1fr 35px;gap:8px}.progress-units .progress-track{grid-row:2;grid-column:1/-1}.progress-units b{grid-row:1;grid-column:2}.history>div{grid-template-columns:1fr;gap:3px}.history>div>span:last-child{grid-column:1}.storage-warning{padding:12px 20px}.modal>div button{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.lesson-notes>summary{font-size:.95rem;color:#5b7c65;padding:15px 0;cursor:pointer}.lesson-notes .lesson-layout{margin-top:12px}