/* Zaytoun — a warm, calm place for growing mathematical curiosity. */
:root{--bg:#f8f9f5;--bg2:#f0f3e9;--card:#fff;--tx:#293a2d;--tx2:#405244;--mut:#7b8479;--hint:#a4ad9d;--line:#e5e9df;--lip:#d6dfcc;--g:#6c854c;--gd:#4e6635;--gl:#eaf1df;--b:#6b96ac;--bd:#46798d;--bl:#edf4f7;--o:#dca349;--od:#b68136;--y:#e2b657;--yd:#c5973a;--p:#a08cae;--pd:#796187;--r:#df8274;--rd:#b75648;--rl:#fff0ec;--pri:var(--g);--pri2:var(--g);--pri-d:var(--gd);--accent:#dca349;--ok:var(--g);--bad:var(--r);--ok-bg:var(--gl);--bad-bg:var(--rl);--lrn-bg:var(--bl);--shadow:0 4px 20px #293a2d05;--rad:20px;--nav:76px;--sidebar:228px}
[data-theme=dark]{--bg:#17221d;--bg2:#202e25;--card:#243129;--tx:#e6edde;--tx2:#c9d6c3;--mut:#abb7a2;--hint:#7e9276;--line:#3a493a;--lip:#45553d;--g:#90ac70;--gd:#667f4d;--gl:#30452a;--bl:#263d46;--rl:#492c29;--ok-bg:var(--gl);--bad-bg:var(--rl);--lrn-bg:var(--bl)}
html{scroll-behavior:smooth}body{font-family:Cairo,Tahoma,sans-serif;font-size:15px;font-weight:500;line-height:1.8;background:var(--bg)!important}h1,h2,h3{color:var(--tx);font-family:Baloo,Cairo,Tahoma,sans-serif}button,input,select{font-family:inherit}button,a,input{touch-action:manipulation}a{color:var(--g)}[data-theme=dark] a{color:var(--g)}
::selection{background:#dfe8c9;color:#324428}.skip-link{position:fixed;top:-80px;right:24px;z-index:1000;background:var(--card);padding:10px 20px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--o);outline-offset:4px}#app:focus{outline:0}
.top{padding:16px 34px;border-bottom:1px solid var(--line);background:var(--bg);min-height:77px;backdrop-filter:blur(12px)}.top-row{max-width:1260px;margin:auto;gap:12px}.brand{font-family:Cairo,Tahoma,sans-serif;font-size:13px;color:var(--mut)!important;gap:12px}.brand span{color:inherit}.brand #page-label{color:var(--tx);font-weight:800}.header-divider{opacity:.5}.stats{gap:20px}.pill{font-size:14px;gap:7px;padding:0}.pill .ic,.pill [data-ic] .ic,.pill .flame .ic{width:21px;height:21px}.pill.streak b{color:var(--o)}.pill.gems b{color:var(--g)}.pill.hearts b{color:var(--r)}.pill.gems .ic{color:var(--g)}.themebtn{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;box-shadow:none;background:var(--card)}.themebtn .ic{width:17px;height:17px}
#app{padding:29px 34px 30px;max-width:none;margin:0}.page{max-width:1260px;margin:0 auto}.page>h1{font-size:30px}.page>h2{margin-top:24px}.page:not(:has(.dashboard)){max-width:990px}.card{border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.card.tap{border-bottom-width:1px}.card.tap:hover{box-shadow:0 8px 24px #293a2d0d}.btn{background:var(--g);border-radius:13px;font-family:Cairo,Tahoma,sans-serif;font-size:14px;min-height:46px;box-shadow:0 3px 0 var(--gd)!important}.btn.sec,.btn.ghost{border-width:1px;color:var(--g)!important;box-shadow:0 2px 0 var(--line)!important}.btn.gold{background:var(--o);box-shadow:0 3px 0 var(--od)!important}.choice{border-width:1px;border-bottom-width:3px;border-radius:16px;background:var(--card);font-family:Cairo,Tahoma,sans-serif;font-size:19px}.banner{border-radius:22px;overflow:hidden;box-shadow:none!important}.banner-t h1,.banner-t h2{color:inherit}.back{font-size:14px;color:var(--mut);margin-bottom:12px}.chip{border-width:1px;border-bottom-width:2px;border-radius:10px}.course-empty{grid-column:1/-1;text-align:center;padding:30px;color:var(--mut);background:var(--card);border:1px dashed var(--line);border-radius:18px}
.tabs{background:var(--card);border-top:1px solid var(--line);border-radius:0;max-width:none;box-shadow:none}.tabs a.on{background:var(--gl)!important;color:var(--gd);border:1px solid transparent}.tabs a{border-width:1px;color:var(--mut)}.tabs a .ic{width:22px;height:22px}.side-brand,.sidebar-bottom,.nav-caption,.report-nav{display:none}.tabs::before{display:none}
.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{color:var(--mut);font-size:11px;font-weight:600;display:block;letter-spacing:.1px}.tiny-leaf{color:var(--g);font-size:16px;margin-left:4px}.welcome-row h1{font-size:30px;margin:5px 0;letter-spacing:-.5px}.welcome-row h1 span{font-weight:500}.welcome-row p{color:var(--mut);margin:5px 0;font-size:13px}.map-link{display:flex;align-items:center;gap:9px;color:var(--tx2);font-size:12px;text-decoration:none;white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--card);transition:background .2s}.map-link .ic{color:var(--g);width:17px;height:17px}.map-link:hover{background:var(--gl)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start}.learning-column,.growth-column{min-width:0}.growth-column{display:grid;gap:20px}.garden-hero{position:relative;isolation:isolate;background:#f0f0e2;border:1px solid #e5e7d5;min-height:306px;border-radius:25px;overflow:hidden}.garden-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 57%;z-index:-2}.garden-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,#f1f2e5 0%,#f1f2e5f5 27%,#f1f2e58a 47%,transparent 67%)}.garden-copy{padding:30px;position:relative;width:57%}.hero-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#687449;background:#ffffffb3;border:1px solid #ffffffbd;border-radius:50px;padding:4px 10px}.hero-label i{width:5px;height:5px;border-radius:50%;background:#809559}.garden-copy h2{font-size:36px;line-height:1.25;letter-spacing:-.4px;margin:16px 0 10px;color:#33472b}.garden-copy h2 span{color:#788c46}.garden-copy p{font-size:12px;line-height:1.9;margin:8px 0 18px;color:#69745c}.garden-cta{display:inline-flex;gap:28px;align-items:center;background:#657d43;color:#fff!important;text-decoration:none;border-radius:12px;padding:10px 18px;font-size:12px;font-weight:800;box-shadow:0 3px 0 #4f6235;transition:transform .2s,background .2s}.garden-cta:hover{transform:translateY(-2px);background:#566d36}.garden-cta>span{font-size:20px;line-height:1}.hero-footnote{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:11px;color:#7a856b}.hero-footnote .ic{width:13px;height:13px}.art-caption{position:absolute;left:15px;bottom:15px;background:#ffffffc2;backdrop-filter:blur(10px);border-radius:50px;padding:6px 11px;color:#4b5f3f;font-size:9px;display:flex;gap:6px;align-items:center}.art-caption span{color:#a1a165}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.quick-action{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:13px 11px;text-decoration:none;color:var(--tx);transition:transform .2s,border-color .2s}.quick-action:hover{transform:translateY(-3px);border-color:#b9c9a5}.quick-action>span:last-child{margin-right:auto;color:var(--mut);font-size:17px}.quick-icon{width:34px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px}.quick-icon .ic{width:21px;height:21px}.sun-icon{background:#fff4d9;color:#c99c43}.review-icon{background:#f1edf7;color:#9982ad}.lab-icon{background:#edf5f7;color:#6b9cac}.quick-action b{display:block;font-family:Baloo,Cairo,sans-serif;font-size:15px;line-height:1.3}.quick-action small{display:block;font-size:9px;margin-top:4px;color:var(--mut);line-height:1.8}
.courses-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading h2{font-size:25px;margin:4px 0 0;line-height:1.2;font-weight:700}.text-link{font-size:11px;color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}.text-link:hover{color:var(--g)}.course-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.semester-tabs{display:flex;align-items:center;gap:3px;background:#edf0e7;border:1px solid #e7ebdf;border-radius:11px;padding:3px}.semester-tabs button{border:0;background:transparent;color:var(--mut);border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;padding:7px 15px;line-height:1.5;min-height:34px}.semester-tabs button.active{background:var(--card);color:var(--gd);box-shadow:0 2px 5px #31452b09}.course-search{display:flex;align-items:center;gap:7px;width:180px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.course-search .ic{width:16px;height:16px;color:var(--hint);flex-shrink:0}.course-search input{width:100%;font-size:10px;padding:10px 0;border:0;background:transparent;color:var(--tx);outline-offset:0;min-width:0;line-height:1.7}.course-search input::placeholder{color:var(--hint)}.course-search:focus-within{border-color:var(--g)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-card{display:block;position:relative;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:17px 18px;text-decoration:none;color:var(--tx);transition:transform .2s,box-shadow .2s,border-color .2s;--course-color:#a99bc0;--course-light:#f1edf7}.course-card:hover{transform:translateY(-4px);border-color:var(--course-color);box-shadow:0 8px 25px #293a2d0a}.course-1{--course-color:#729fac;--course-light:#edf5f6}.course-2{--course-color:#d3a36c;--course-light:#fbf2e7}.course-3{--course-color:#90a46b;--course-light:#eff4e7}.course-top{display:flex;align-items:center;gap:10px}.course-symbol{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--course-light);color:var(--course-color)}.course-symbol .ic{width:25px;height:25px}.course-number{font-size:10px;color:var(--mut)}.course-arrow{margin-right:auto;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:16px;color:var(--hint)}.course-card h3{font-size:21px;font-weight:700;margin:13px 0 4px;line-height:1.2}.course-card p{font-size:10px;color:var(--mut);margin:7px 0 17px}.course-card p span{padding:0 5px}.course-progress{height:5px;border-radius:20px;background:var(--bg2);overflow:hidden}.course-progress i{display:block;height:100%;border-radius:inherit;background:var(--course-color)}.course-foot{margin-top:7px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--mut)}.course-foot b{font-weight:600;color:var(--course-color)}.basics-strip{margin-top:15px;display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--tx);background:#edf2e6;border:1px solid #e3e9d8;padding:14px 16px;border-radius:14px}.basics-icon{color:#829758;display:flex;flex-shrink:0}.basics-icon .ic{width:27px;height:27px}.basics-strip b{font-size:12px;display:block}.basics-strip small{font-size:10px;color:#8b947b;display:block;margin-top:2px}.basics-link{margin-right:auto;font-size:10px;color:#6b7e4b;white-space:nowrap;display:flex;align-items:center;gap:7px}
.daily-card,.level-card{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:21px}.aside-heading{display:flex;align-items:center;justify-content:space-between}.aside-heading h2{font-size:21px;margin:0;line-height:1.4;font-weight:700}.aside-icon{color:#b3bd9b;display:flex}.aside-icon .ic{width:19px;height:19px}.daily-card>p{font-size:10px;margin:5px 0 15px;color:var(--mut)}.daily-ring{width:142px;height:142px;border-radius:50%;padding:9px;background:conic-gradient(from 0deg,#91a76b var(--progress),#edf1e6 0);margin:19px auto 16px;transform:rotate(0)}.daily-ring>div{width:100%;height:100%;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;flex-direction:column;outline:4px solid var(--card);outline-offset:0}.daily-ring b{font-family:Baloo,Cairo,sans-serif;font-size:32px;line-height:1.5;color:var(--g)}.daily-ring b span{font-size:20px;color:#bac4a9;font-weight:500}.daily-ring small{font-size:10px;color:var(--mut)}.goal-message{font-size:10px;text-align:center;color:var(--mut);margin:14px 0 16px}.aside-button{display:flex;align-items:center;justify-content:center;gap:22px;background:var(--gl);color:var(--gd);border:1px solid #dde6cf;border-radius:11px;font-size:11px;font-weight:700;text-decoration:none;padding:10px}.aside-button:hover{background:#dfeacc}.level-badge{display:flex;color:#8aa064}.level-badge .ic{width:22px;height:22px}.level-detail{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px}.level-detail b{display:block;font-size:12px}.level-detail small{display:block;font-size:10px;margin-top:2px;color:var(--mut)}.level-detail img{width:53px;height:53px;object-fit:contain}.level-track{height:6px;background:var(--bg2);border-radius:50px;overflow:hidden}.level-track i{height:100%;display:block;background:#a6b880;border-radius:inherit}.level-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:7px 0 17px;color:var(--mut)}.level-meta b{font-weight:600;font-size:8px}.growth-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:13px}.growth-stats>span{text-align:center;display:flex;flex-direction:column;gap:2px}.growth-stats>span+span{border-right:1px solid var(--line)}.growth-stats b{font-family:Baloo,Cairo,sans-serif;font-size:23px;line-height:1.4;font-weight:600}.growth-stats small{font-size:9px;color:var(--mut)}
.coach-note{position:relative;background:#f7f0dd;border:1px solid #ede4cb;border-radius:4px 4px 19px 4px;padding:20px 15px 22px;text-align:center;transform:rotate(-1.5deg);margin:10px 3px 1px}.note-tape{position:absolute;top:-9px;left:calc(50% - 28px);width:56px;height:18px;background:#dcd6b8a6;transform:rotate(4deg);clip-path:polygon(2% 0,98% 0,96% 100%,0 100%)}.coach-note img{display:block;height:104px;width:88px;object-fit:contain;margin:0 auto 6px}.handwritten{font-family:Baloo,Cairo,sans-serif;font-size:13px;color:#b19957}.coach-note h3{font-size:20px;line-height:1.6;color:#6a6349;font-weight:600;margin:4px 0}.coach-note p{color:#9a927a;font-size:10px;line-height:1.9;margin:7px 0 11px}.coach-note a{font-size:10px;color:#827448;text-decoration:none;border-bottom:1px solid #c7b982;padding-bottom:4px}.next-step-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px 20px;text-decoration:none;color:var(--tx);display:flex;flex-direction:column;gap:6px}.next-step-card .eyebrow{font-size:9px}.next-step-card b{font-size:12px}.next-step-card small{font-size:10px;color:var(--mut)}.next-step-icon{position:absolute;top:18px;left:16px;color:var(--g)}.next-step-icon .ic{width:20px;height:20px}.next-step-card>span:last-child{position:absolute;bottom:17px;left:18px;font-size:20px;color:var(--hint)}
.adventure-section{margin-top:28px}.adventure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.story-card{position:relative;overflow:hidden;isolation:isolate;display:block;min-height:211px;border:1px solid #e2e7d8;border-radius:18px;text-decoration:none;background:#eaf0df;color:#3e5235}.story-card img{position:absolute;z-index:-2;inset:0;height:100%;width:100%;object-fit:cover;object-position:30% 65%;transition:transform .4s}.story-card:hover img{transform:scale(1.045)}.story-card::after{position:absolute;content:"";inset:0;z-index:-1;background:linear-gradient(to left,#eaf0df 3%,#eaf0dfe8 30%,#eaf0df40 75%)}.story-card>div{padding:20px 16px;max-width:79%;position:relative}.story-tag{font-size:9px;padding:3px 7px;border-radius:6px;background:#ffffff85;color:#788e67}.story-card h3{color:inherit;font-size:22px;font-weight:600;margin:16px 0 8px}.story-card p{color:#6b7c60;font-size:10px;max-width:150px;margin:7px 0 20px}.story-card div>span:last-child{font-size:10px;font-weight:700;display:flex;align-items:center;gap:8px}.detective-story{background:#f6ecd8;border-color:#eee3ce;color:#72633f}.detective-story::after{background:linear-gradient(to left,#f6ecd8 3%,#f6ecd8e8 30%,#f6ecd833 75%)}.detective-story .story-tag{color:#a18c55}.detective-story p{color:#9b8c69}.garden-footer{margin-top:29px;padding:15px 0 0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:9px;color:var(--hint);border-top:1px solid var(--line)}.garden-footer>span:first-child{font-family:Baloo,Cairo,sans-serif;color:var(--mut);font-size:15px}.garden-footer>span:last-child{margin-right:auto}
/* Keep practice distraction-free; give all existing learning pages the new visual language. */
body.focus .top,body.focus .tabs{display:none!important}body.focus #app{margin:0!important;padding:20px 20px 155px;max-width:none}body.focus .page{max-width:700px!important}.checkbar{background:var(--card);border-top:1px solid var(--line)}.checkbar .in{max-width:700px}.lesson{padding:15px 10px;border-bottom:1px solid var(--line)}.lesson .num{background:var(--bg2);color:var(--g)}.rule{border-color:var(--g);background:var(--bg2);color:var(--tx)}.teach-m{max-width:110px}.labcard{border-radius:18px!important}.adv{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.advc{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);transition:transform .2s}.advc:hover{transform:translateY(-4px)}.adv-b b{font-size:20px;font-family:Baloo,Cairo,sans-serif}.qrow .zay{max-width:110px}.path-start{background:var(--card)}.usec{border-radius:20px}.ubanner{border-radius:17px;box-shadow:0 3px 0 var(--cd)!important}.path .pn .lbl{font-family:Cairo,Tahoma,sans-serif;font-size:12px}.page:has(.usec){max-width:650px}
[data-theme=dark] .semester-tabs{background:var(--bg2);border-color:var(--line)}[data-theme=dark] .course-symbol{background:var(--bg2)}[data-theme=dark] .basics-strip{background:var(--bg2);border-color:var(--line)}[data-theme=dark] .basics-strip small{color:var(--mut)}[data-theme=dark] .basics-link{color:var(--g)}[data-theme=dark] .daily-ring{background:conic-gradient(from 0deg,#91a76b var(--progress),var(--bg2) 0)}[data-theme=dark] .aside-button{border-color:var(--line)}[data-theme=dark] .coach-note{background:#373827;border-color:#484831}[data-theme=dark] .coach-note h3{color:#ddd5b3}[data-theme=dark] .coach-note p{color:#b6ae92}[data-theme=dark] .coach-note a{color:#d6c78c}
@media(min-width:900px){body{padding-bottom:0}.top{margin-right:var(--sidebar)}#app{margin-right:var(--sidebar)}.tabs{position:fixed;top:0;bottom:0;right:0;left:auto;width:var(--sidebar);margin:0;padding:27px 18px 18px;border:0;border-left:1px solid var(--line);gap:7px;align-items:stretch;flex-direction:column;justify-content:flex-start;height:100dvh;overflow-y:auto}.tabs a{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;text-align:right;padding:12px 16px;min-height:48px;border-radius:12px;transition:background .2s}.tabs a span{font-family:Cairo,Tahoma,sans-serif;font-size:12px;font-weight:600;letter-spacing:0}.tabs a.on{color:var(--gd);background:var(--gl)!important}.tabs a.on::after{content:"";margin-right:auto;width:5px;height:5px;background:#87a365;border-radius:50%}.tabs a:hover{background:var(--bg2)!important}.tabs a .ic{width:20px;height:20px}.side-brand{display:block;margin-bottom:15px}.side-brand>a{display:flex;padding:0 6px;gap:10px;color:var(--tx);border:0;text-decoration:none}.side-brand>a>span:last-child{font-family:Baloo,Cairo,sans-serif;font-size:38px;font-weight:700;line-height:1.2}.side-brand .brand-symbol{background:#edf2e5;border:1px solid #e2e8d8;border-radius:16px;font-size:28px;width:49px;height:55px;display:grid;place-items:center;margin-top:3px}.side-brand small{font-family:Cairo,sans-serif;display:block;font-size:8px;font-weight:500;color:var(--mut);margin-top:5px;line-height:1.8}.class-label{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 8px;font-size:11px;font-weight:700;color:var(--tx2)}.class-label>span{display:block;font-size:9px;font-weight:500;color:var(--mut);margin-top:3px}.nav-caption{display:block;font-size:9px;color:var(--hint);padding:0 16px;margin-bottom:5px}.report-nav{display:flex!important}.sidebar-bottom{display:block;margin-top:auto;padding-top:28px}.side-note{position:relative;background:#f4f6ee;border:1px solid #e6ebdb;border-radius:16px;padding:20px 12px 15px;text-align:center;margin:0 4px 22px}.side-note img{position:absolute;width:48px;height:59px;object-fit:contain;left:calc(50% - 24px);top:-34px}.side-note b{display:block;font-size:10px;color:#889575;line-height:1.9;font-weight:600;margin-top:5px}.side-note a{font-size:10px;justify-content:center;gap:9px;padding:9px 0 0;min-height:0;color:#698048}.student-profile{border-top:1px solid var(--line)!important;border-radius:0!important;padding:16px 4px 0!important;gap:10px!important;align-items:center}.student-avatar{display:grid;place-items:center;width:35px;height:35px;background:#efe8d9;color:#a18b5c;font-family:Baloo,Cairo,sans-serif!important;font-size:22px!important;border-radius:50%}.student-profile b{display:block;font-size:11px;font-weight:700;color:var(--tx)}.student-profile small{display:block;color:var(--mut);font-size:8px}.student-profile>span:last-child{margin-right:auto;font-size:16px;color:var(--hint)}[data-theme=dark] .side-note{background:var(--bg2);border-color:var(--line)}[data-theme=dark] .side-brand .brand-symbol{background:var(--bg2);border-color:var(--line)}}
@media(min-width:1550px){#app{padding-top:36px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.garden-hero{min-height:344px}.garden-copy{padding:37px}.garden-copy h2{font-size:43px}.garden-copy p{font-size:14px}.garden-cta{padding:12px 23px;font-size:14px}.quick-action{padding:16px}.quick-action b{font-size:17px}.quick-action small{font-size:11px}.course-card{padding:20px}.course-card h3{font-size:24px}.course-card p{font-size:12px}.course-foot{font-size:11px}.story-card{min-height:240px}.daily-card>p,.goal-message{font-size:12px}}
@media(min-width:900px) and (max-width:1200px){:root{--sidebar:196px}.tabs{padding:24px 12px}.top{padding:15px 23px}#app{padding:25px 23px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.welcome-row h1{font-size:25px}.welcome-row p{font-size:11px}.map-link{font-size:10px;padding:8px 10px}.garden-copy{padding:26px 22px;width:67%}.garden-copy h2{font-size:31px}.quick-actions{gap:7px}.quick-action{padding:12px 8px;gap:6px}.quick-icon{width:28px}.quick-action b{font-size:13px}.quick-action small{font-size:8px}.quick-action>span:last-child{display:none}.course-card{padding:14px}.course-card h3{font-size:19px}.course-search{width:150px}.semester-tabs button{padding:7px 11px}.basics-strip{padding:12px}.basics-strip b{font-size:11px}.basics-strip small{font-size:9px}.basics-link{font-size:9px}.daily-card,.level-card{padding:16px}.side-note{margin-top:30px}}
@media(max-width:899px){body{padding-bottom:88px}.top{padding:12px 22px;min-height:62px}.stats{gap:14px}.brand .header-label{font-family:Baloo,Cairo,sans-serif;font-size:19px;color:var(--g)}.brand{gap:7px}.brand #page-label{font-size:11px}#app{margin:0;padding:23px 22px}.page{max-width:740px}.welcome-row{margin-bottom:20px}.welcome-row h1{font-size:28px}.welcome-row p{font-size:12px}.map-link{font-size:10px;padding:8px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.growth-column{grid-template-columns:1fr 1fr;gap:18px;margin-top:5px}.coach-note,.next-step-card{display:none}.daily-ring{width:114px;height:114px;margin:12px auto}.daily-card{position:relative}.goal-message{font-size:9px}.level-detail{margin-top:23px}.level-detail img{width:70px;height:70px}.growth-stats{padding-top:22px}.garden-footer{margin-bottom:5px}.tabs{left:0;right:0;bottom:0;margin:0;height:auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:var(--card);gap:4px;display:flex;flex-direction:row;box-shadow:0 -3px 15px #293a2d06}.tabs a{padding:7px 2px;min-height:52px;gap:5px;border:0!important;border-radius:12px}.tabs a span{font-size:10px}.tabs a .ic{width:21px;height:21px}.report-nav{display:none!important}.adv{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.top{padding:12px 17px}.stats{gap:10px}.pill{font-size:12px;gap:3px}.pill .ic,.pill [data-ic] .ic,.pill .flame .ic{width:18px;height:18px}.themebtn{width:27px;height:27px}.header-label{font-size:18px!important}.brand #page-label{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .header-divider{display:none}.brand{gap:7px}#app{padding:21px 17px}.welcome-row{align-items:flex-start;gap:8px}.welcome-row .eyebrow{font-size:10px}.welcome-row h1{font-size:26px;line-height:1.35;max-width:260px}.welcome-row h1 span{display:block;font-size:23px;margin-top:3px}.welcome-row p{font-size:10px;max-width:240px;margin-top:8px}.map-link{font-size:0;padding:9px;gap:0;margin-top:12px;border-radius:10px}.map-link .ic{width:20px;height:20px}.map-link>span{display:none}.garden-hero{min-height:340px;border-radius:21px}.garden-copy{width:70%;padding:24px 20px}.garden-copy h2{font-size:34px}.garden-copy p{font-size:11px}.garden-hero::before{background:linear-gradient(to left,#f1f2e5 0%,#f1f2e5f0 28%,#f1f2e58a 53%,transparent 80%)}.garden-art{object-position:34% 58%}.art-caption{font-size:8px;left:12px;bottom:12px}.quick-actions{gap:7px;margin-top:12px}.quick-action{flex-direction:column;align-items:flex-start;padding:12px 9px;gap:9px;position:relative;min-height:112px;border-radius:13px}.quick-action>span:last-child{display:none}.quick-icon{width:30px;height:32px;border-radius:9px}.quick-icon .ic{width:18px;height:18px}.quick-action b{font-size:14px}.quick-action small{font-size:8px;line-height:1.7;margin-top:5px}.courses-section{margin-top:24px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:9px}.text-link{font-size:9px;gap:4px}.course-controls{gap:8px}.semester-tabs{flex-shrink:0}.semester-tabs button{font-size:10px;padding:6px 10px}.course-search{width:132px;padding:0 8px}.course-search input{font-size:9px;padding:10px 0}.course-grid{gap:10px}.course-card{border-radius:16px;padding:13px 12px}.course-symbol{width:34px;height:34px;border-radius:10px}.course-symbol .ic{width:21px;height:21px}.course-number{font-size:8px}.course-top{gap:7px}.course-arrow{display:none}.course-card h3{font-size:19px;line-height:1.4;min-height:53px;margin:11px 0 5px}.course-card p{font-size:8px;line-height:1.8;min-height:30px;margin:5px 0 13px}.course-card p span{padding:0 2px}.course-foot{font-size:8px}.basics-strip{gap:9px;padding:12px}.basics-strip b{font-size:10px}.basics-strip small{font-size:8px;line-height:1.8}.basics-link{font-size:0;gap:0}.basics-link>span{font-size:18px}.basics-icon .ic{width:23px;height:23px}.adventure-grid{gap:10px}.story-card{min-height:219px}.story-card>div{padding:14px 12px;max-width:100%}.story-card h3{font-size:20px;margin-top:15px;max-width:110px;line-height:1.5}.story-card p{font-size:9px;max-width:120px;min-height:34px}.story-card div>span:last-child{font-size:9px;gap:5px}.story-card::after{background:linear-gradient(to left,#eaf0dfe8,#eaf0df95)}.detective-story::after{background:linear-gradient(to left,#f6ecd8f0,#f6ecd880)}.story-tag{font-size:8px}.garden-footer{font-size:8px;gap:5px;margin-top:23px}.garden-footer>span:last-child{display:none}.growth-column{gap:12px}.daily-card,.level-card{padding:15px 12px;border-radius:17px}.aside-heading h2{font-size:18px}.daily-card>p{font-size:8px}.daily-ring{width:103px;height:103px;padding:7px}.daily-ring b{font-size:26px}.daily-ring b span{font-size:15px}.daily-ring small{font-size:8px}.aside-button{font-size:9px;padding:9px 5px;gap:9px}.goal-message{font-size:8px}.level-detail b{font-size:10px}.level-detail small{font-size:8px}.level-detail img{width:45px;height:45px}.level-meta{font-size:7px;flex-wrap:wrap;gap:5px}.level-meta b{font-size:7px}.growth-stats{padding-top:19px}.growth-stats small{font-size:8px}.growth-stats b{font-size:23px}.card{padding:17px;border-radius:17px}.page>h1{font-size:25px}.adv{gap:12px}.adv-b b{font-size:18px}.teach-m{max-width:85px}.choices{gap:10px}.q{font-size:21px}.qrow .zay{max-width:85px}.labgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.stats{gap:5px}.brand #page-label{display:none}.course-controls{flex-wrap:wrap}.course-search{width:100%}.garden-copy{width:85%}.growth-column{grid-template-columns:1fr}.welcome-row h1{font-size:24px}.welcome-row h1 span{font-size:21px}.quick-action b{font-size:12px}.course-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.top,.tabs,.growth-column,.course-controls{display:none!important}#app{margin:0!important;padding:0}.dashboard-grid{display:block}.garden-hero{break-inside:avoid}}
/* Small supporting copy should stay legible on laptop displays. */
.tabs{font-family:Baloo,Cairo,Tahoma,sans-serif}.tabs a span,.side-brand small,.class-label,.nav-caption,.side-note,.student-profile{font-family:inherit}
@media(min-width:900px){.tabs a[data-t] span{font-size:16px;font-weight:600}}
@media(max-width:899px){.tabs a[data-t] span{font-size:12px}}
[data-theme=dark] .tabs a.on{color:var(--tx)}[data-theme=dark] .semester-tabs button.active{color:var(--tx)}[data-theme=dark] .aside-button{color:var(--tx)}
body[data-route=unit] .banner,body[data-route=lesson] .banner{background:var(--gl)!important;color:var(--tx)!important;border:1px solid var(--line);box-shadow:none!important}body[data-route=unit] .banner-t,body[data-route=lesson] .banner-t{color:var(--tx)!important}
@media(max-width:600px){.garden-copy{width:82%;padding:24px 20px}.garden-copy h2{font-size:29px;line-height:1.35}.garden-art{object-position:12% 58%}.garden-hero{min-height:315px}}
@media(min-width:1201px){.quick-action small,.course-card p,.course-foot,.daily-card>p,.goal-message,.level-detail small,.coach-note p,.basics-strip small{font-size:11px}.level-meta,.growth-stats small{font-size:10px}.course-search input,.text-link{font-size:11px}}
@media(min-width:900px) and (max-height:780px){.tabs{padding-top:19px}.side-brand{margin-bottom:9px}.class-label{margin-top:17px;padding:11px 8px}.tabs a[data-t]{min-height:43px;padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:26px}.side-note{margin:0 4px 13px;padding:15px 10px 9px}.side-note img{height:49px;top:-27px}.side-note b{font-size:9px}.side-note a{padding-top:6px}.student-profile{padding-top:12px!important}}

/* Navigation uses the same local SVG stroke and direction throughout the interface. */
.nav-arrow{display:inline-flex;align-items:center;vertical-align:middle;flex:none}.nav-arrow .ic,.course-arrow .ic,.round-arrow .ic,.lesson-row-arrow .ic,.activity-arrow .ic{width:20px;height:20px;vertical-align:middle}