@font-face{font-family:Cairo;src:url("/static/fonts/Cairo-Upright-400.cbd2b73140e0.ttf") format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("/static/fonts/Cairo-Upright-600.ea4f3fab7e64.ttf") format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("/static/fonts/Cairo-Upright-700.cc585ee9f232.ttf") format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("/static/fonts/Cairo-Upright-800.2f4e825e854f.ttf") format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--brand-navy:#173F52;--brand-teal:#087F8C;--brand-gold:#E9B44C;--brand-paper:#F6F4EE;--blue:var(--brand-teal);--deep:var(--brand-navy);--ink:#173F52;--muted:#526875;--border:#dce5e4;--pale:#e9f4f3;--white:#fff;--gold:var(--brand-gold);--bg:var(--brand-paper);--radius:18px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Cairo,'Tahoma',sans-serif;font-size:16px;line-height:1.8}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #edb634;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.45;font-weight:800;letter-spacing:0}h2{font-size:1.5rem;line-height:1.6}h3{font-size:1.15rem}p{margin-bottom:1rem}small{font-size:.8125rem}.shell{max-width:1240px;width:calc(100% - 80px);margin-inline:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;background:var(--blue);color:white;padding:10px;z-index:100}.skip:focus{top:0}.topbar{background:#fff;border-bottom:1px solid var(--border)}.top-inner{height:90px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;color:var(--deep);font-size:1.15rem;font-weight:800;white-space:nowrap;line-height:1.5}.brand:hover{text-decoration:none}.brand small{display:block;font-family:Cairo,sans-serif;font-size:.68rem;letter-spacing:2px;color:var(--muted);font-weight:600;margin-top:4px}.brand-mark{display:grid;place-items:center;background:var(--blue);width:49px;height:53px;border-radius:13px 13px 3px 13px;color:white;font-size:1.9rem;box-shadow:-4px 4px 0 #e3b44e}.desktop-nav{display:flex;gap:32px;margin-inline:auto}.desktop-nav a{color:#597080;font-size:.95rem;font-weight:600;padding-block:31px}.desktop-nav a[aria-current]{color:var(--blue);border-bottom:3px solid var(--blue)}.icon-link{font-size:2rem;line-height:1}.admin-link{font-size:.85rem;color:var(--muted);border:1px solid var(--border);padding:6px 14px;border-radius:8px}.sample-banner{background:#eaf2f8;color:#456579;font-size:.8125rem;padding:7px 20px;text-align:center}.home-heading{padding:44px 0 30px;display:flex;align-items:center;gap:32px;justify-content:space-between}.home-heading p:not(.eyebrow),.page-heading>p:last-child{color:var(--muted);margin-top:10px}.eyebrow{font-size:.85rem;font-weight:600;line-height:1.8;margin-bottom:7px}.blue{color:var(--blue)}.search-box{background:#fff;border:1px solid #cbdbe7;border-radius:12px;padding:7px 12px;display:flex;align-items:center;gap:8px;width:410px;flex-shrink:0;box-shadow:0 4px 16px #15365405}.search-box input{background:transparent;border:0;min-width:0;width:100%;padding:9px;color:var(--ink);font-size:.94rem}.search-box button{background:var(--blue);color:white;border:0;border-radius:9px;width:44px;height:44px;font-size:1.8rem;line-height:1;flex-shrink:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head>a{font-size:.9rem;font-weight:600}.grades-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px 30px}.stage-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:22px}.stage-tabs button{border:0;background:transparent;padding:4px 28px 14px;color:var(--muted);font-weight:700}.stage-tabs button[aria-selected=true]{color:var(--blue);border-bottom:3px solid var(--blue)}.grade-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grade-tile{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:12px;padding:17px 19px;background:white;color:var(--ink);transition:border-color .2s,transform .2s}.grade-tile:hover{border-color:#5686a9;text-decoration:none;transform:translateY(-2px)}.grade-tile>span:last-child{margin-inline-start:auto;color:var(--blue)}.grade-num{background:var(--pale);font-size:.8rem;color:var(--blue);width:34px;height:34px;display:grid;place-items:center;border-radius:8px;direction:ltr}.featured{padding:32px 0}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lesson-card{background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s,box-shadow .18s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #19354a09}.card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.pill{border-radius:6px;padding:3px 10px;font-size:.8rem;color:#245f8c;background:#edf4fb;font-weight:700;display:inline-block}.physics .pill,.pill.physics{background:#eef1fc;color:#5e60a6}.chemistry .pill,.pill.chemistry{background:#e6f5f0;color:#1d7b63}.save-button{border:0;background:transparent;color:#637c90;font-size:1.55rem;padding:0 4px;line-height:1.4}.save-button[aria-pressed=true]{color:#ba4965}.lesson-main{display:block;padding:0 22px 18px;color:var(--ink)}.lesson-main:hover{text-decoration:none}.formula-preview{height:91px;display:flex;align-items:center;font-family:Cairo,sans-serif;font-style:normal;font-size:2.1rem;color:var(--blue);font-weight:bold;letter-spacing:1px}.physics .formula-preview{color:#6466a4}.chemistry .formula-preview{color:#2d7c68;font-style:normal;font-size:1.8rem}.lesson-main .eyebrow{color:var(--muted);font-size:.8rem}.lesson-main h3{font-size:1.3rem;margin:3px 0 8px}.lesson-main p{font-size:.9rem;color:var(--muted);min-height:52px;line-height:1.8}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9eff4;padding-top:15px;font-size:.8rem;color:var(--muted)}.arrow-circle{background:var(--pale);border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:var(--blue)}.journey-panel{background:var(--deep);color:#fff;border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;margin:6px 0 34px}.journey-panel b{display:block;font-family:Cairo,sans-serif;color:var(--gold);font-size:1.1rem;margin-bottom:12px}.journey-panel h3{margin-bottom:6px}.journey-panel p,.journey-panel .eyebrow{font-size:.85rem;color:#d0dee9}.journey-panel p{margin:0}.journey-title{border-left:1px solid #ffffff25;padding-left:25px}.journey-title h2{font-size:1.35rem}.footer{display:flex;align-items:center;gap:22px;padding:25px 0 32px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.footer-name{font-size:1rem;font-weight:700;color:var(--deep)}.footer>div{margin-inline-start:auto;display:flex;gap:24px}.mobile-nav{display:none}.page-heading{padding:40px 0 26px}.grade-section{margin-bottom:34px}.grade-section h2{margin-bottom:15px}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px}.subject-card{padding:30px;background:white;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);position:relative}.subject-card:hover{text-decoration:none;border-color:#87a5bc}.subject-icon{font-family:Cairo,sans-serif;font-size:2.8rem;color:var(--blue)}.subject-card h2{margin-top:8px}.subject-card p{margin:4px 0;color:var(--muted)}.subject-card small{display:block;margin-bottom:24px}.subject-card .arrow-circle{position:absolute;bottom:20px;left:20px}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:.8125rem}.unit-section{margin-bottom:35px}.unit-number{display:inline-flex;justify-content:center;background:var(--pale);border:1px solid var(--border);width:40px;font-size:.95rem;margin-left:12px;border-radius:9px;direction:ltr}.empty{grid-column:1/-1;padding:46px 20px;border:1px dashed #bdcfdc;border-radius:15px;text-align:center;background:white}.empty p{color:var(--muted);margin:12px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:700;line-height:1.8}.button:hover{text-decoration:none;filter:brightness(.96)}.button.secondary{background:#fff;color:var(--blue);border-color:#cfdee9}.full{width:100%}.text-button{background:transparent;border:0;color:var(--blue);font-size:.9rem;padding:5px}.muted{color:var(--muted);font-size:.9rem}.wide{width:100%;max-width:740px;margin-bottom:30px}.search-title{margin-bottom:24px}.lesson-heading{padding:24px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.lesson-heading h1{margin:8px 0}.lesson-heading p{color:var(--muted);margin-bottom:0}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.lesson-actions .button{padding:8px 12px;font-size:.8rem}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;margin-bottom:32px;align-items:start}.lesson-aside{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:23px;position:sticky;top:22px}.lesson-aside h3{font-size:1rem}.objectives{padding-right:20px;color:var(--muted);font-size:.85rem}.objectives li{margin:10px 0}.objectives li::marker{color:var(--blue)}.aside-line{border-bottom:1px solid var(--border);margin:20px 0}.aside-label{margin-top:17px}.lesson-aside>strong,.lesson-aside>span{font-size:.9rem}.back-course{font-size:.8rem;display:block;margin-top:18px}.lesson-body{min-width:0}.lesson-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #c9d9e5;margin-bottom:18px;scrollbar-width:thin}.lesson-tabs button{border:0;background:transparent;padding:13px 20px;color:var(--muted);white-space:nowrap;font-size:.9rem;font-weight:700}.lesson-tabs button[aria-selected=true]{color:var(--blue);border-bottom:3px solid var(--blue)}.lesson-panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:30px;min-height:430px}.lesson-panel h2{margin-bottom:14px}.lesson-panel>p:not(.eyebrow){color:var(--muted);font-size:.94rem}.prose p{margin-bottom:15px;line-height:2.1}.formula-block{font-size:2rem;text-align:center;padding:20px;background:#eef5fb;color:var(--blue);font-family:Cairo,sans-serif;border-radius:12px;margin:20px 0}.example{padding:24px;border-right:3px solid var(--gold);background:#fcfbf6;border-radius:10px;margin:20px 0 24px}.example h3{margin-bottom:10px}.example p:last-child{margin-bottom:0}.source-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 2px 6px;font-size:.8rem;color:var(--muted)}.sample-note{font-size:.8rem;color:var(--muted);margin:0 2px}.lab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:22px 0}.plot-wrap,.circuit-wrap{background:#f8fafc;padding:10px;display:flex;flex-direction:column;justify-content:center}.plot-wrap svg,.circuit-wrap svg{width:100%;height:auto;max-height:310px;direction:ltr;font-family:Cairo,sans-serif;font-size:13px}.lab-output{text-align:center;font-family:Cairo,sans-serif;font-size:1.5rem;color:var(--blue);padding:10px}.lab-controls{padding:24px;background:#fff;border-right:1px solid var(--border)}.lab-controls label{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin:8px 0}.lab-controls b{font-family:Cairo,sans-serif;color:var(--blue);direction:ltr}.lab-controls input{width:100%;accent-color:var(--blue);margin:12px 0 24px;direction:ltr}.lab-insight{font-size:.9rem;background:var(--pale);border-radius:9px;padding:13px 16px;line-height:1.9}.challenge{background:#fff9e9;border:1px solid #f2e6c1;border-radius:10px;padding:12px 18px;margin:20px 0}.balance-lab{background:#f5faf8;border:1px solid #d3e8e0;border-radius:14px;padding:25px;margin:22px 0}.chemical-equation{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-family:Cairo,sans-serif;font-size:1.8rem;padding:20px 0 30px}.chemical-equation input{width:50px;border:1px solid #b7d3c8;border-radius:8px;padding:7px 2px;text-align:center;background:white;color:#21684f;font-size:1.2rem}.atom-counts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.atom-counts>div{background:white;border:1px solid #d3e8e0;border-radius:10px;padding:16px;text-align:center}.atom-counts p{margin:8px 0 0;font-size:.9rem}.atom-counts b{padding:0 5px;color:#21684f}.mistake{border-right:3px solid #d78b44;background:#fff8ee;border-radius:9px;padding:20px;margin:20px 0}.mistake p{margin:8px 0 0}.youtube{aspect-ratio:16/9;width:100%;border:0;border-radius:12px}.quiz-question{border:1px solid var(--border);border-radius:12px;padding:20px;margin:0 0 20px;min-width:0}.quiz-question legend{padding:0 10px;font-weight:700}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--blue);background:var(--pale)}.quiz-option input{accent-color:var(--blue)}.answer-feedback{margin:15px 0 0;padding:14px;border-radius:8px;background:#eef5fa;font-size:.9rem}.answer-feedback.correct{background:#eaf7f0;color:#216149}.answer-feedback.wrong{background:#fff3e4;color:#845b26}.quiz-result{margin-top:20px;padding:22px;background:var(--deep);border-radius:12px;color:white}.quiz-result h3{font-size:1.5rem}.notice{background:#edf5fa;border:1px solid #c9deed;color:#345a74;padding:15px 20px;border-radius:10px;margin:22px 0}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}.table-wrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:14px;margin:22px 0 30px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th,td{padding:16px;border-bottom:1px solid var(--border);font-size:.9rem}th{background:var(--pale)}td small{display:block;color:var(--muted)}.draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 35px}.panel{padding:24px;background:white;border:1px solid var(--border);border-radius:14px}.text-lines{white-space:pre-line;overflow-wrap:anywhere;margin:16px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:10px;padding:12px 24px;background:var(--deep);color:white;z-index:120;box-shadow:0 6px 24px #0002;font-size:.9rem;text-align:center;max-width:90vw}.teacher-mode .topbar,.teacher-mode .sample-banner,.teacher-mode .breadcrumb,.teacher-mode .lesson-aside,.teacher-mode .footer,.teacher-mode .mobile-nav{display:none}.teacher-mode .lesson-layout{display:block}.teacher-mode .lesson-panel{font-size:1.2rem}.teacher-mode .shell{max-width:1500px}.teacher-mode .lesson-heading{padding-top:28px}.teacher-mode .lesson-actions button:not(#teacher-mode){display:none}
@media(max-width:1050px){.shell{width:calc(100% - 44px)}.top-inner{gap:16px}.desktop-nav{gap:18px}.admin-link{display:none}.home-heading{display:block}.search-box{width:100%;margin-top:20px}.lesson-heading{display:block}.lesson-actions{margin-top:18px}.lesson-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.lesson-aside{padding:18px}.lesson-panel{padding:24px}.lab{grid-template-columns:1fr}.lab-controls{border-right:0;border-top:1px solid var(--border)}.lesson-tabs button{padding:12px 14px}.journey-panel{gap:22px}.formula-preview{font-size:1.8rem}.chemistry .formula-preview{font-size:1.5rem}}
@media(max-width:700px){body{padding-bottom:72px}.shell{width:calc(100% - 32px)}.top-inner{height:75px;justify-content:space-between}.brand{font-size:1rem}.brand-mark{width:39px;height:44px;font-size:1.6rem}.brand small{font-size:.6rem}.desktop-nav{display:none}.icon-link{margin-inline-start:auto}.sample-banner{font-size:.75rem;padding:7px 16px;line-height:1.8}.home-heading{padding:27px 0 22px}.home-heading h1{font-size:1.6rem}.home-heading p{font-size:.85rem}.search-box{padding:5px 7px;margin-top:18px}.search-box input{font-size:.86rem}.grades-section{padding:18px 16px}.section-head{gap:8px;margin-bottom:16px}.section-head h2{font-size:1.18rem}.section-head>a{font-size:.78rem}.stage-tabs{gap:0}.stage-tabs button{flex:1;font-size:.88rem;padding:6px 6px 13px}.grade-row{grid-template-columns:1fr}.grade-tile{padding:12px 14px}.grade-tile strong{font-size:.94rem}.featured{padding-top:25px}.lesson-grid{grid-template-columns:1fr;gap:16px}.lesson-card{border-radius:15px}.card-top{padding:16px 20px 0}.lesson-main{padding:0 20px 17px}.formula-preview{height:70px;justify-content:flex-end;font-size:2rem}.lesson-main h3{font-size:1.25rem}.lesson-main p{min-height:0}.journey-panel{grid-template-columns:1fr;padding:24px;gap:24px}.journey-title{border:0;border-bottom:1px solid #ffffff20;padding:0 0 18px}.journey-title br{display:none}.journey-panel>div:not(:first-child){display:grid;grid-template-columns:35px 1fr;gap:0 12px}.journey-panel b{grid-row:1/3;margin:5px 0}.journey-panel p{grid-column:2}.footer{flex-wrap:wrap;gap:10px;font-size:.75rem}.footer>div{margin:0;width:100%;gap:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);justify-content:space-around;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:50}.mobile-nav a{display:flex;flex-direction:column;align-items:center;color:#536f83;font-size:.7rem;line-height:1.7;min-width:50px}.mobile-nav a span{font-size:1.4rem;line-height:1.1;margin-bottom:5px}.page-heading{padding:25px 0 22px}.page-heading h1{font-size:1.7rem}.page-heading>p{font-size:.9rem}.subject-grid{grid-template-columns:1fr;gap:16px}.subject-card{padding:22px}.subject-card h2{font-size:1.3rem}.breadcrumb{font-size:.75rem;margin-top:18px}.lesson-heading{padding:18px 0 16px}.lesson-heading h1{font-size:1.75rem}.lesson-heading p{font-size:.88rem}.lesson-layout{display:flex;flex-direction:column;gap:18px}.lesson-aside{position:static;width:100%;padding:18px}.lesson-aside .aside-line,.lesson-aside>.eyebrow.aside-label,.lesson-aside>strong,.lesson-aside>span,.lesson-aside>.button,.lesson-aside>.back-course,.lesson-aside>p{display:none}.objectives{margin-bottom:0;display:flex;flex-wrap:wrap;gap:6px 28px}.objectives li{margin:2px 0}.lesson-body{width:100%}.lesson-tabs{gap:0}.lesson-tabs button{font-size:.82rem;padding:11px 12px}.lesson-panel{padding:20px 17px;min-height:0}.lesson-panel h2{font-size:1.35rem}.prose{font-size:.94rem}.formula-block{font-size:1.8rem}.example{padding:17px}.source-line{font-size:.75rem}.sample-note{font-size:.75rem}.quiz-options{grid-template-columns:1fr}.quiz-question{padding:14px;margin-bottom:18px}.quiz-question legend{font-size:.9rem}.quiz-option{padding:10px;font-size:.9rem}.chemical-equation{gap:5px;font-size:1.25rem}.chemical-equation input{width:37px;font-size:1rem}.balance-lab{padding:15px 10px}.atom-counts{gap:8px}.atom-counts>div{padding:10px 4px}.atom-counts strong,.atom-counts p{font-size:.8rem}.lab-controls{padding:20px}.challenge{font-size:.85rem;padding:12px}.draft-grid{grid-template-columns:1fr}.toast{bottom:90px}.teacher-mode{padding-bottom:0}.teacher-mode .lesson-panel{font-size:1.05rem}.lesson-actions .button{font-size:.75rem;padding:8px 10px}}
@media print{body{background:white;padding:0}.topbar,.sample-banner,.breadcrumb,.lesson-aside,.lesson-actions,.lesson-tabs,.footer,.mobile-nav,.button,.source-line,.toast{display:none!important}.shell{width:100%;max-width:none}.lesson-layout{display:block}.lesson-panel{display:block!important;border:0;min-height:0;padding:10px 0;break-inside:avoid}#panel-lab,#panel-quiz,#panel-watch{display:none!important}.lesson-heading{padding:0}.formula-block{border:1px solid #ccc}a{color:inherit}.sample-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Lughati: a guided early-reader lesson within the existing platform. */
.lughati{--subject:#557661}.pill.lughati{background:#e8f2eb;color:#32604b}.lam-hero{display:grid;grid-template-columns:1.25fr .75fr;border-radius:28px;background:#edf4ef;border:1px solid #dbe8df;overflow:hidden;min-height:330px;margin:18px 0 32px}.lam-hero-copy{padding:42px 46px}.lam-kicker{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#597364;margin-bottom:15px}.lam-hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:0;line-height:1.9}.lam-hero h1 em{font-style:normal;color:#387057}.lam-hero-copy>p{color:#50685a;font-size:1.05rem;margin:4px 0 14px}.lam-hero-meta{display:flex;gap:16px;font-size:.82rem;color:#5b7062}.lam-hero-meta span+span:before{content:'·';margin-inline-end:16px}.lam-hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.arabic-pilot .button:not(.secondary){background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.lam-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:300px;background:#e1eee5;overflow:hidden}.lam-art-ring{position:absolute;width:280px;height:280px;border:1px solid #bbd5c4;border-radius:50%;z-index:-1}.lam-art-ring:after{content:'';position:absolute;inset:24px;border:1px solid #c9dfd0;border-radius:50%}.lam-letter{font-size:185px;font-weight:800;line-height:1.5;color:#29533e;transform:none;text-shadow:6px 8px 0 #b1d0bc}.lam-float{position:absolute;display:grid;place-items:center;width:58px;height:65px;border-radius:14px;font-size:30px;font-weight:700;box-shadow:0 8px 14px #173a2c0c}.lam-float-a{right:14%;top:15%;background:#f8e6b7;transform:none}.lam-float-b{left:14%;top:27%;background:#fff;transform:none}.lam-float-c{right:20%;bottom:20%;background:#d6e5f8;transform:none}.lam-art-caption{position:absolute;bottom:22px;font-size:.72rem;letter-spacing:1px;color:#567563}.lam-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:28px;align-items:start}.lam-aside{position:sticky;top:20px}.lam-aside>.eyebrow{padding:0 12px 14px}.lam-tabs{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;overflow:visible;background:transparent}.lam-tabs button{display:flex;gap:13px;align-items:center;white-space:normal;text-align:right;border:1px solid transparent;border-radius:14px;background:transparent;padding:12px;font-size:1rem;color:#536b7a}.lam-tabs button b{display:grid;place-items:center;background:#e9eef2;width:34px;height:34px;flex-shrink:0;border-radius:10px;font-size:.9rem}.lam-tabs button span{line-height:1.8}.lam-tabs small{display:block;font-size:.7rem;font-weight:400;color:#73828a}.lam-tabs button[aria-selected=true]{color:#254f3c;border:1px solid #c4dcca;background:#eaf3ed}.lam-tabs button[aria-selected=true] b{background:#3d7357;color:white}.lam-tabs button:hover{background:#eff3f5}.lam-progress{display:grid;grid-template-columns:1fr auto;margin:22px 12px 12px;padding-top:18px;border-top:1px solid var(--border);font-size:.85rem}.lam-progress progress{grid-column:1/-1;width:100%;height:8px;margin:10px 0;accent-color:#3d7357;border:0;border-radius:6px;overflow:hidden}.lam-progress progress::-webkit-progress-bar{background:#e0e9e2}.lam-progress progress::-webkit-progress-value{background:#3d7357}.lam-progress small{grid-column:1/-1;color:var(--muted)}.lam-print{font-size:.82rem;padding:10px 12px}.lam-panel{padding:32px 36px;min-height:580px;border-radius:22px;background:white}.lam-panel h2{font-size:1.7rem;line-height:1.85;margin:4px 0 16px;letter-spacing:0}.lam-panel>p{color:#526775}.lam-section-heading{display:flex;justify-content:space-between;align-items:center}.lam-mini-letter{display:grid;place-items:center;width:62px;height:66px;border-radius:15px;background:#f9edcc;color:#826226;font-size:40px}.lam-intro{font-size:1.15rem;line-height:2.3}.lam-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 28px}.lam-word-grid article{background:#fbfcfd;border:1px solid #e2e8ed;border-radius:18px;text-align:center;padding:18px 8px 14px}.word-illustration{font-size:40px;display:block;min-height:66px}.lam-word{font-size:2.6rem;font-weight:700;line-height:2;white-space:nowrap}.lam-word mark{background:#e1f0e6;color:#245c3f;border-radius:4px}.lam-word-grid p{font-size:.76rem;color:#60766a;margin:8px 0 0}.lam-sounds{border-top:1px solid #e3ebe6;padding-top:24px}.lam-sounds h3{font-size:1.1rem}.lam-sounds>p{font-size:.86rem;color:#61746a;margin:5px 0 12px}.lam-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lam-sound-grid>div{text-align:center;background:#f3f6fa;border-radius:12px;padding:13px 5px}.lam-sound-grid span{display:block;font-size:.68rem;color:#647788}.lam-sound-grid strong{display:block;font-size:1.9rem;line-height:2}.lam-sound-grid i{font-size:1rem;font-style:normal;color:#879caa;margin:0 9px}.lam-tip{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 18px;background:#fffaee;border-radius:12px;margin:24px 0;color:#765c29;font-size:.9rem}.lam-tip b{white-space:nowrap}.lam-video-block{margin:22px 0 30px}.lam-video-placeholder{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 20% 20%,#376d51,#163d2a);color:#fff}.lam-video-placeholder>span{font-size:.85rem;color:#d7e8dc}.lam-video-letter{font-size:92px;font-weight:800;line-height:1.2;color:#d3e7d7;position:absolute;left:12%;transform:none;opacity:.6}.lam-play{position:relative;background:white;color:#22563a;border:0;border-radius:40px;min-height:54px;padding:10px 25px;display:flex;gap:13px;align-items:center;font-weight:700}.lam-play span{font-size:22px}.lam-video-placeholder iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.lam-video-block h3{font-size:1rem;margin:16px 0 8px}.lam-caption{font-size:.78rem;color:#64778a;margin:12px 0;line-height:1.9}.lam-media-note{font-size:.78rem;color:#795d31;background:#fff7e8;border-radius:8px;padding:10px 12px;margin:12px 0}.lam-challenge{border:1px solid #dfe7ec;border-radius:16px;padding:20px;margin:18px 0}.lam-challenge-title{display:flex;gap:12px;align-items:center}.lam-challenge-title>span{background:#f1e6c8;color:#796023;width:29px;height:29px;border-radius:50%;text-align:center;font-size:.8rem;flex-shrink:0}.lam-challenge-title h3{font-size:1.04rem}.lam-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px}.lam-choice-row button{border:1.5px solid #d4dfe6;background:#f8fafc;color:#234159;border-radius:12px;min-height:68px;font-size:1.25rem;font-weight:700;padding:8px 6px;line-height:2}.lam-choice-row button:hover{border-color:#508461;background:#eff7f1}.lam-choice-row button[data-result=correct]{border-color:#388052;background:#e7f4eb;color:#24633b}.lam-choice-row button[data-result=wrong]{border-color:#a96845;background:#fff2e8;color:#8d4829}.lam-feedback{margin:0;font-size:.85rem;min-height:30px;color:#607386}.lam-challenge.is-solved .lam-feedback{color:#2a7146}.lam-bottom-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.lam-celebration{padding:16px;border:1px solid #b8d8c2;border-radius:12px;color:#25633e;background:#edf7ef}.lam-writing-board{position:relative;border:2px solid #d8e4dd;border-radius:18px;width:100%;aspect-ratio:1000/440;overflow:hidden;background:repeating-linear-gradient(to bottom,#fcfdfa 0,#fcfdfa calc(25% - 1px),#dbe6df calc(25% - 1px),#dbe6df 25%);isolation:isolate}.lam-writing-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Cairo,sans-serif;font-size:clamp(130px,20vw,250px);color:#b6c6bc;line-height:1;opacity:.7;pointer-events:none;z-index:-1}#lam-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#lam-drawing-status{font-size:.78rem;color:#667c6e}.lam-print-lines{display:none}.lam-parent-cards{display:grid;gap:12px;margin:22px 0}.lam-parent-cards article{background:#f4f7fa;border-radius:12px;padding:18px}.lam-parent-cards b{color:#356e4d}.lam-parent-cards p{margin:7px 0 0;font-size:.92rem}.lam-summary{background:#f4f8f3;border:1px solid #d6e6d5;padding:22px;border-radius:16px}.lam-summary .prose{line-height:2.4;font-size:1.05rem;margin-top:14px}.lam-source-details{margin-top:24px;border-top:1px solid #dde6eb;padding-top:18px;font-size:.83rem;color:#607485}.lam-source-details summary{cursor:pointer;font-weight:700;margin-bottom:14px}.lam-parent-link{margin-top:25px}.lam-draft-note{text-align:center;font-size:.75rem;color:#667a88;padding:16px 5px;margin:0}.lam-panel .quiz-question legend{line-height:2.3}.lam-panel .quiz-option{font-size:1.05rem}.lam-panel .answer-feedback{line-height:2}.lam-home-feature{background:#eaf3ec;border:1px solid #d0e1d5;padding:24px 30px;border-radius:20px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.lam-home-feature p{margin:6px 0 0}.lam-home-feature .button{flex-shrink:0}.lam-home-feature .eyebrow{color:#356e4d}
@media(max-width:1000px){.lam-hero-copy{padding:30px}.lam-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.lam-panel{padding:26px}.lam-sound-grid strong{font-size:1.5rem}.lam-sound-grid i{margin:0 4px}.lam-hero h1{font-size:2.3rem}}
@media(max-width:720px){.lam-hero{grid-template-columns:1fr 104px;min-height:0;margin:12px 0 22px;border-radius:19px}.lam-hero-copy{padding:22px 17px}.lam-hero h1{font-size:1.7rem;line-height:1.9}.lam-kicker{gap:7px;flex-wrap:wrap;margin-bottom:8px;font-size:.68rem}.lam-hero-copy>p{font-size:.84rem;margin:8px 0}.lam-hero-meta{font-size:.65rem;flex-wrap:wrap;gap:5px}.lam-hero-meta span+span:before{margin-inline-end:5px}.lam-hero-actions{gap:8px;margin-top:14px}.lam-hero-actions .button{padding:9px 12px;font-size:.72rem;min-height:42px}.lam-art{min-height:230px}.lam-letter{font-size:98px;text-shadow:3px 4px 0 #b1d0bc}.lam-art-ring{width:170px;height:170px}.lam-float{width:35px;height:44px;font-size:21px;border-radius:8px}.lam-float-a{top:12%;right:12%}.lam-float-b{left:9%;top:69%}.lam-float-c,.lam-art-caption{display:none}.lam-layout{display:block}.lam-aside{position:static}.lam-aside>.eyebrow{font-size:.67rem;padding:0 3px 10px}.lam-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px;overflow:visible}.lam-tabs button{padding:9px 6px;gap:5px;justify-content:center;font-size:.8rem;border-color:#e1e8ed;background:#fff;border-radius:10px;min-height:48px}.lam-tabs button b{width:22px;height:22px;font-size:.7rem;border-radius:6px}.lam-tabs small{display:none}.lam-tabs button:last-child{font-size:.69rem}.lam-progress{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:0 2px 12px;margin:0 0 8px;border:0;font-size:.75rem}.lam-progress progress{width:75px;margin:0}.lam-progress small{display:none}.lam-print{display:none}.lam-panel{padding:22px 16px;border-radius:16px;min-height:0}.lam-panel h2{font-size:1.35rem;margin-bottom:14px}.lam-mini-letter{width:44px;height:50px;font-size:31px}.lam-intro{font-size:.98rem}.lam-word-grid{gap:7px;margin:18px 0 24px}.lam-word-grid article{padding:10px 3px 12px;border-radius:12px}.word-illustration{font-size:29px;min-height:45px}.lam-word{font-size:1.85rem}.lam-word-grid p{font-size:.6rem;line-height:1.9;margin:4px 0 0}.lam-sound-grid{gap:6px}.lam-sound-grid span{font-size:.58rem;line-height:1.9}.lam-sound-grid strong{font-size:1.55rem}.lam-sound-grid i{margin:0 1px;font-size:.75rem}.lam-tip{font-size:.78rem;padding:13px;gap:7px}.lam-challenge{padding:16px 12px}.lam-challenge-title h3{font-size:.92rem}.lam-choice-row{gap:7px}.lam-choice-row button{font-size:1rem;min-height:60px}.lam-feedback{font-size:.77rem;line-height:2}.lam-video-letter{font-size:60px;left:8%}.lam-play{font-size:.85rem;padding:9px 17px;min-height:46px}.lam-video-placeholder>span{font-size:.65rem}.lam-video-block h3{font-size:.9rem}.lam-writing-board{aspect-ratio:1000/600}.lam-writing-hint{font-size:155px}.lam-panel .button{font-size:.85rem}.lam-panel .quiz-option{font-size:.94rem}.lam-bottom-actions{gap:9px}.lam-home-feature{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}.lam-home-feature h2{font-size:1.25rem}}
@media print{.arabic-pilot .lam-hero{display:block;background:white;border:0;margin:0;min-height:0}.lam-hero-copy{padding:0}.lam-hero h1{font-size:28px}.lam-hero-meta,.lam-hero-actions,.lam-art,.lam-aside,.lam-kicker,.lam-mini-letter,.lam-source-details,.lam-tip{display:none!important}.lam-layout{display:block}.arabic-pilot .lam-panel{display:none!important;min-height:0;padding:10px 0;border:0}.arabic-pilot #panel-explain,.arabic-pilot #panel-write{display:block!important}.lam-writing-board,.lam-bottom-actions,.lam-parent-link{display:none!important}.lam-print-lines{display:block;font-size:42px;line-height:2.1}.lam-print-lines div{border-bottom:1px solid #aaa}.lam-print-lines span{color:#aaa;margin-inline-start:50px}.lam-panel h2{font-size:20px}.lam-word-grid{margin:5px 0}.word-illustration{display:none}.lam-word{font-size:30px}.lam-sounds{padding:10px 0}.lam-caption{font-size:11px}.lam-draft-note{font-size:10px}.lam-hero-copy>p{margin:0}.lam-intro{font-size:14px}}

/* Platform identity v1: Cairo, open book / learner mark. */
.brand-mark{width:56px;height:56px;flex-shrink:0;background:transparent;border-radius:0;box-shadow:none;color:var(--deep)}
.brand-mark svg{display:block;width:100%;height:100%}
.brand small{font-family:Cairo,Tahoma,sans-serif;letter-spacing:0;font-size:.73rem;font-weight:600;color:var(--blue);margin-top:3px}
.brand{color:var(--deep);font-weight:800;letter-spacing:0}
h2,h3{font-weight:700}select,textarea{font:inherit}
.sample-banner{background:#e9f4f3;color:#3e616b}
.lam-hero{background:#e9f4f3}.lam-home-feature{background:#e9f4f3;border-color:#cee2de}
.lam-home-feature .eyebrow,.lam-parent-cards b{color:var(--blue)}
.lam-video-placeholder{background:var(--deep)}
.lam-hero h1 em{color:var(--blue)}
.lam-tabs button[aria-selected=true]{color:var(--deep);border-color:#b5d6d4;background:#e9f4f3}
.lam-tabs button[aria-selected=true] b{background:var(--blue)}
@media(max-width:600px){.brand-mark{width:44px;height:44px}.brand{gap:8px}.brand small{font-size:.65rem}}
/* Extended Lam lesson: upright letter models and progressive exercises. */
.lam-letter,.lam-float-a,.lam-float-b,.lam-float-c,.lam-video-letter{transform:none;font-style:normal;text-shadow:none}
.arabic-pilot em,.arabic-pilot i{font-style:normal}
.lam-block{margin:22px 0;padding:20px;background:#f6f8f6;border:1px solid #e0e8e5;border-radius:15px}
.lam-block h3{margin-bottom:12px}.lam-block li{margin-bottom:8px}.lam-block p:last-child{margin-bottom:0}
.lam-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:center}
.lam-form-grid article{background:white;border-radius:12px;padding:12px 5px}.lam-form-grid strong{display:block;font-size:3rem;line-height:1.8;color:var(--blue)}.lam-form-grid b{font-size:.8rem}.lam-form-grid p{font-size:1.4rem;margin:10px 0}
.lam-story{background:#edf5f3;border-right:4px solid var(--blue);padding:22px;border-radius:12px;font-size:1.35rem;line-height:2.4}.lam-story p{margin:0 0 9px}
.lam-reading-words,.lam-writing-models{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.lam-reading-words span{font-size:1.5rem;padding:8px 16px;background:white;border-radius:9px}
.lam-block details,.lam-activity-group{margin:12px 0;border:1px solid #dce5e4;border-radius:12px;background:white;padding:14px}.lam-block summary,.lam-activity-group>summary{cursor:pointer;font-weight:700;line-height:2}.lam-block details p{margin-top:15px}.lam-activity-group>summary small{display:inline-block;color:var(--muted);margin-inline-start:12px}
.lam-answer-key{font-size:.85rem;border-top:1px solid #e3e9e7;margin-top:14px;padding-top:10px}.lam-answer-key summary{cursor:pointer;color:var(--blue)}.lam-answer-key p{margin-top:10px}
.lam-answer-label,.lam-dictation-item label{display:block;margin:15px 0}.lam-answer-label input,.lam-dictation-item input{display:block;width:100%;border:1px solid #a8bfbd;border-radius:10px;min-height:50px;font-size:1.4rem;padding:8px 12px;background:white;color:var(--ink)}
.lam-built-word{display:block;min-height:65px;background:#eef5f4;border:1px dashed var(--blue);padding:10px;text-align:center;font-size:2rem;direction:rtl;border-radius:10px}
.lam-dictation-item{padding:10px 0;border-bottom:1px solid #dce5e4}.lam-dictation-item [role=status]{display:block;margin-top:10px;font-size:.85rem}
.lam-writing-models button{font:700 2rem Cairo;min-width:65px;border:1px solid #b5ccc8;border-radius:10px;background:white;color:var(--deep)}.lam-writing-models button[aria-pressed=true]{background:var(--pale);border:2px solid var(--blue)}
.lam-worksheet-print{display:none}.lam-sheet{max-width:1000px;margin:auto;padding:30px;line-height:2;font-family:Cairo,sans-serif;color:#173F52;background:white}.lam-sheet h1{font-size:26px}.lam-sheet h2{font-size:21px;margin:22px 0 10px}.lam-sheet h3{font-size:16px}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sheet-question{border:1px solid #dce5e4;padding:14px;border-radius:8px;break-inside:avoid}.sheet-model{font-size:34px}.sheet-line{color:#a7b8bc;overflow:hidden}.sheet-answers{margin-top:35px;border-top:3px solid var(--blue);padding-top:20px}
@media(max-width:720px){.lam-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lam-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lam-tabs button:last-child{grid-column:1/-1}.lam-block{padding:15px}.lam-story{font-size:1.18rem;padding:15px}.lam-print{display:block;margin:12px 0}.lam-sheet{padding:16px}.sheet-grid{grid-template-columns:1fr}.lam-choice-row button{font-size:1.04rem}}
@media print{body>.topbar,body>.sample-banner,body>.footer,.mobile-nav,#preview-note,.preview-fallback{display:none!important}.arabic-pilot{display:none!important}.lam-worksheet-print{display:block!important}.lam-sheet{padding:0;max-width:none;color:black}.sheet-grid{grid-template-columns:1fr 1fr}.sheet-answers{break-before:page}.sheet-question, .sheet-group{break-inside:avoid} .sheet-line{color:#666}}

/* Explicit upright type across all platform text; original book image is untouched. */
body,button,input,select,textarea{font-style:normal;font-synthesis:none}
em,i{font-style:normal}
.book-page{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff}
.book-page h3{margin-bottom:10px}.book-page img{display:block;width:100%;max-width:850px;height:auto;margin:14px auto;object-fit:contain;transform:none;filter:none;border:1px solid #e2e8e6}
.book-page figcaption{font-size:.8rem;line-height:1.9;color:var(--muted)}.book-page .book-edition{display:inline-block;background:var(--pale);padding:4px 10px;border-radius:8px;color:var(--deep);font-size:.8rem;margin-bottom:8px}
/* Native radio selection keeps page controls usable without JavaScript. */
.lam-body,.book-viewer{min-width:0;max-width:100%}
.book-viewer{position:relative}
.book-swipe-hint{color:var(--muted);font-size:.85rem;margin-bottom:12px}
.book-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.book-page-index{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}
.book-page-index label{display:grid;place-items:center;min-width:38px;min-height:40px;background:var(--pale);color:var(--deep);border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer}
.book-stage{width:100%;aspect-ratio:850/1020;overflow:hidden;touch-action:pan-y pinch-zoom;background:#fff}
.book-leaf{display:none;width:100%;height:100%;margin:0}
.book-page .book-leaf img{width:100%;height:100%;max-width:none;margin:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
.book-fixed-controls{margin-top:14px;background:var(--pale);padding:8px;border-radius:12px}
.book-control-set{display:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;direction:rtl}
.book-turn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap;cursor:pointer}
.book-turn:hover{background:var(--deep)}.book-turn[aria-disabled=true]{background:#dae4e3;color:#607477;cursor:default}
.book-counter{font-size:.8rem;font-weight:700;color:var(--deep);white-space:nowrap;text-align:center}.book-counter small{display:block;font-size:.75rem;color:var(--muted)}
.book-source{margin:14px 0 0;font-size:.76rem;color:var(--muted)}
.book-viewer label:focus-visible,.book-stage:focus-visible{outline:3px solid var(--gold,#d4ad53);outline-offset:3px}
.lam-play{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--deep)}
.lam-embed-button{margin:12px 0}.lam-embed-button[hidden]{display:none!important}
@media(max-width:420px){.book-viewer{padding:10px}.book-turn{padding:6px 8px;gap:4px;font-size:.8rem}.book-page-index{gap:4px}.book-page-index label{min-width:32px}.book-control-set{gap:6px}}
/* YouTube artwork overlays an offline cover made from the unchanged book page. */
.lam-video-cover{position:absolute;inset:0;display:block;isolation:isolate;color:white;overflow:hidden}
.lam-cover-fallback{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4%;padding:5% 7%;background:linear-gradient(125deg,#e9f3ef,#d6e9e5)}
.lam-cover-copy{color:var(--deep);display:flex;flex-direction:column;gap:6px;padding-bottom:16%}.lam-cover-copy>span{font-size:clamp(.65rem,1.6vw,.95rem);font-weight:600}.lam-cover-copy strong{font-size:clamp(1.25rem,3.4vw,2.5rem);line-height:1.9;white-space:nowrap}.lam-cover-copy small{font-size:clamp(.55rem,1.2vw,.8rem);color:#48756d}
.lam-cover-book{height:100%;max-height:100%;width:100%;min-height:0;object-fit:contain;filter:none;transform:none}
.lam-youtube-thumbnail{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.lam-video-cover .lam-play{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);z-index:1;white-space:nowrap;box-shadow:0 3px 18px #0005;background:#fff;color:var(--deep);font-style:normal}
.lam-video-cover:focus-visible{outline:4px solid var(--gold,#dfb657);outline-offset:-5px}
.lam-video-placeholder .lam-embed-button{position:absolute;z-index:2;top:10px;right:10px;margin:0;background:#fff;color:var(--deep);border-radius:9px;padding:5px 12px;font-size:.75rem}

/* Explicit feedback: neutral hover, green success and red retry. */
.lam-feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:.8rem;color:var(--muted)}
.lam-feedback-toolbar button{padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font:inherit;color:var(--deep);min-height:44px}.lam-feedback-toolbar button[hidden]{display:none}
.lam-choice-row button:hover:not([data-result]){border-color:#7f9bab;background:#eef3f6}
.lam-choice-row button[data-result=wrong],.quiz-option[data-result=wrong]{background:#fee2e2!important;border:2px solid #dc2626!important;color:#991b1b!important;opacity:1}
.lam-choice-row button[data-result=correct],.quiz-option[data-result=correct]{background:#dcfce7!important;border:2px solid #16a34a!important;color:#166534!important;opacity:1}
.lam-challenge[data-result=wrong]{border-color:#dc2626}.lam-challenge[data-result=correct]{border-color:#16a34a}
.lam-challenge[data-result] .lam-feedback{padding:10px 12px;border-radius:9px;font-weight:700}
.lam-challenge[data-result=wrong] .lam-feedback,.lam-dictation-item[data-result=wrong] [role=status]{color:#991b1b;background:#fee2e2}
.lam-challenge[data-result=correct] .lam-feedback,.lam-dictation-item[data-result=correct] [role=status]{color:#166534;background:#dcfce7}
.lam-challenge[data-result=wrong] input,.lam-challenge[data-result=wrong] output,.lam-dictation-item[data-result=wrong] input{border:2px solid #dc2626;background:#fff1f2;color:#991b1b}
.lam-challenge[data-result=correct] input,.lam-challenge[data-result=correct] output,.lam-dictation-item[data-result=correct] input{border:2px solid #16a34a;background:#f0fdf4;color:#166534;opacity:1}
.lam-dictation-item[data-result] [role=status]{padding:6px 10px;border-radius:8px}
.answer-feedback.wrong{background:#fee2e2;color:#991b1b}.answer-feedback.correct{background:#dcfce7;color:#166534}

/* Native choices retain color feedback when scripts are disabled in file previews. */
.lam-choice-option{position:relative;min-width:0}
.lam-native-choice{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.lam-choice-option label{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d4dfe6;background:#f8fafc;color:#234159;border-radius:12px;min-height:76px;padding:8px 4px;font-size:1.25rem;font-weight:700;line-height:2;cursor:pointer;text-align:center}
.lam-native-result{display:none;font-size:.65rem;line-height:1.8}
.lam-native-choice:checked + label .lam-native-result{display:block}
.lam-native-choice[data-answer-result=correct]:checked + label{background:#dcfce7!important;border-color:#16a34a!important;color:#166534!important}
.lam-native-choice[data-answer-result=wrong]:checked + label{background:#fee2e2!important;border-color:#dc2626!important;color:#991b1b!important}
.lam-native-choice:focus-visible + label{outline:3px solid #173f52;outline-offset:3px}
.lam-challenge:not([data-result]):has(.lam-native-choice:checked) > .lam-feedback{display:none}
.lam-interaction-notice{padding:12px 16px;border:1px solid #e5d49a;border-radius:12px;background:#fff7df;color:#665226;font-size:.83rem;line-height:2}
.lam-interaction-notice[hidden]{display:none}
.lam-pen-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 10px}
.lam-pen-toolbar button{font:inherit;min-height:48px;padding:8px 18px;border:2px solid var(--border);border-radius:12px;background:white;color:var(--deep);font-weight:700}
.lam-pen-toolbar button span{font-size:1.5rem;vertical-align:middle}.lam-pen-toolbar button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:white}.lam-pen-toolbar button:disabled{opacity:.6}
.lam-pen-toolbar label{display:flex;align-items:center;gap:8px;font-size:.8rem}.lam-pen-toolbar select{font:inherit;min-height:44px;padding:6px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--deep)}
.lam-pen-help{font-size:.8rem;color:var(--muted);margin:8px 0 15px}
#lam-canvas[data-tool=pen]{cursor:crosshair}#lam-canvas[data-tool=eraser]{cursor:cell}
@media(max-width:420px){.lam-choice-option label{font-size:1rem;min-height:70px}.lam-pen-toolbar{gap:8px}.lam-pen-toolbar button{padding:8px 14px}}

/* Quiz selection is corrected immediately, including native previews without scripts. */
.quiz-option:has(input[data-answer-result=wrong]:checked){background:#fee2e2!important;border:2px solid #dc2626!important;color:#991b1b!important}
.quiz-option:has(input[data-answer-result=correct]:checked){background:#dcfce7!important;border:2px solid #16a34a!important;color:#166534!important}
.quiz-option input[data-answer-result=wrong]{accent-color:#dc2626}.quiz-option input[data-answer-result=correct]{accent-color:#16a34a}
.quiz-instant-label{display:none;font-size:.78rem;line-height:1.8;margin-top:4px;font-weight:700;color:inherit}
.quiz-option input:checked + span .quiz-instant-label{display:block}

/* Fit the entire book page inside the viewport, including fixed reader controls. */
.book-expanded-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.book-reading-surface{min-width:0;max-width:100%}
.book-reader-heading{display:none}
.book-expand-target{display:block;width:100%;height:100%;cursor:zoom-in}
.book-expand-target:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.book-reading-surface .book-stage{width:100%;max-width:calc(72vh * 850 / 1020);max-width:calc(72dvh * 850 / 1020);margin-inline:auto}
#book-expanded:checked ~ .book-reading-surface{position:fixed;inset:0;z-index:10000;width:100%;max-width:none;height:100vh;height:100dvh;max-height:100dvh;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));background:#f0f4f3;overflow:hidden;isolation:isolate;direction:rtl}
#book-expanded:checked ~ .book-reading-surface .book-reader-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--deep)}
.book-reader-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 18px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--deep);font-weight:700;cursor:pointer}
#book-expanded:checked ~ .book-reading-surface .book-stage{width:100%;height:100%;max-width:none;max-height:100%;min-height:0;min-width:0;aspect-ratio:auto;margin:0;background:transparent;overflow:hidden}
#book-expanded:checked ~ .book-reading-surface .book-leaf{height:100%;width:100%;min-height:0}
#book-expanded:checked ~ .book-reading-surface .book-expand-target{pointer-events:none;cursor:default}
#book-expanded:checked ~ .book-reading-surface .book-leaf img{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;border:0;background:transparent}
#book-expanded:checked ~ .book-reading-surface .book-fixed-controls{width:min(100%,620px);justify-self:center;margin:0;padding:6px;background:#fff}
body:has(#book-expanded:checked){overflow:hidden}
@media(max-width:420px){#book-expanded:checked ~ .book-reading-surface{padding-inline:8px;gap:6px}.book-reader-heading{font-size:.85rem}.book-reader-close{padding-inline:12px}}
@media print{.book-reader-heading{display:none!important}#book-expanded:checked ~ .book-reading-surface{position:static;height:auto;display:block;overflow:visible}}

/* Lesson narration: upright Cairo, separate controls from answer labels. */
.lam-narration{border:1px solid #bdd9db;background:#f0f8f8;border-radius:18px;padding:20px 24px;margin:0 0 26px}
.lam-narration h2{font-size:1.2rem;margin:0 0 5px}.lam-narration p{font-size:.85rem;margin:5px 0;line-height:2}
.lam-narration-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.lam-narration-settings[hidden]{display:none}
.lam-narration-settings label{display:grid;gap:5px;font-size:.8rem;min-width:0}.lam-narration-settings select{font:inherit;max-width:100%;border:1px solid #afcbcd;border-radius:9px;background:white;padding:10px;color:#173f52}
#lam-voice{width:320px}#lam-voice-note{color:#526775;font-size:.76rem}#lam-speech-status{color:#086b75;font-weight:600;min-height:1.8em}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:5px 10px;border:1px solid #b8d7da;border-radius:10px;background:#f0f8f8;color:#087d89;font:600 .78rem/1.8 Cairo,sans-serif;font-style:normal;vertical-align:middle;margin:4px 6px;white-space:normal;max-width:100%;cursor:pointer}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen:hover{background:#d9eff0;border-color:#087d89}:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen:focus-visible{outline:3px solid #d8a726;outline-offset:3px}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen.is-speaking{background:#087d89;color:#fff;border-color:#087d89}:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen:disabled{opacity:.55;cursor:not-allowed}
.lam-word>.lam-listen{display:flex!important;margin:4px auto!important}.lam-reading-words>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.lam-form-grid .lam-listen{display:flex!important;margin:4px auto!important}
.lam-choice-option>.lam-listen{width:100%;margin:6px 0 0!important}.quiz-option-with-audio{display:flex;gap:8px;align-items:stretch;min-width:0}.quiz-option-with-audio>.quiz-option{flex:1;min-width:0;margin:0}.quiz-option-with-audio>.lam-listen{flex:0 0 62px;margin:0!important}
.lam-letter-audio{display:flex;flex-wrap:wrap;gap:6px}.lam-model-with-audio{display:flex;align-items:center;flex-direction:column;max-width:120px}.lam-model-with-audio>.lam-listen{font-size:.67rem!important}
.lam-sound-grid strong>[data-phoneme]{display:inline-flex;align-items:center;flex-direction:column;font-size:inherit;color:inherit}.lam-sound-grid [data-phoneme]>.lam-listen{font-size:.65rem;padding:4px 5px;margin:0 2px}
@media(max-width:540px){.lam-narration{padding:16px}.lam-narration-settings label:first-child{width:100%}#lam-voice{width:100%}.lam-sound-grid strong{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.quiz-option-with-audio{gap:5px}.quiz-option-with-audio>.lam-listen{flex-basis:54px}}
@media print{.lam-narration,.lam-listen{display:none!important}}

/* Compact speaker controls in every state, with an accessible name. */
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;padding:10px;border-radius:50%;font-size:0;flex:0 0 44px;line-height:1;margin:3px 6px;vertical-align:middle}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen svg{display:block;width:21px;height:21px;flex:none;pointer-events:none}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen[hidden]{display:none!important}
:is(.arabic-pilot,[data-narration-lesson]) button.lam-listen.has-audio-error{border-color:#b45309;color:#92400e;background:#fff7ed}
.lam-choice-option>.lam-listen{width:44px;margin:6px auto 0!important;display:flex!important}
.quiz-option-with-audio>.lam-listen{flex:0 0 44px;align-self:center}.lam-model-with-audio>.lam-listen{font-size:0!important}
.lam-sound-grid [data-phoneme]>.lam-listen{padding:10px;font-size:0;margin:3px 0}
.lam-reading-words>span{padding-inline:8px}.lam-reading-words>span>.lam-listen{margin-inline:3px}
.lam-audio-help[hidden]{display:none}.lam-audio-help{position:fixed;inset:0;z-index:9999;background:#102f45a6;display:grid;place-items:center;padding:20px;overflow:auto}
.lam-audio-help-card{position:relative;width:min(100%,580px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;padding:26px;border:1px solid #bdd9db;border-radius:20px;box-shadow:0 20px 60px #0003;font-size:.95rem;line-height:2}
.lam-audio-help-card h2{padding-inline-end:40px;font-size:1.35rem}.lam-audio-help-close{position:absolute;inset-inline-end:12px;top:12px;width:44px;height:44px;border:1px solid #bdd9db;border-radius:50%;background:#f0f8f8;color:#173f52;font:26px/1 Cairo,sans-serif}
@media print{.lam-audio-help{display:none!important}}
/* Accounts, persistent learning, and a deliberately compact mastery card. */
.account-link{font-weight:700;white-space:nowrap;color:var(--deep)}
.account-card{max-width:680px;margin:30px auto;padding:28px}.account-card input{display:block;width:100%;min-height:46px;padding:10px;border:1px solid #adc5ca;border-radius:10px;font:inherit}.account-card label{display:block;font-weight:700}.account-card .helptext{display:block;font-size:.85rem;color:#536d79}.errorlist{color:#991b1b}.learning-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:#edf7f4;border:1px solid #bdd9d1;border-radius:18px;margin:18px 0}.learning-status p{margin:5px 0;font-size:.88rem}.learning-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mastery-card{border:1px solid #cbdcde;border-radius:16px;margin:20px 0;background:#fff}.mastery-card>summary{padding:18px;font-weight:700;cursor:pointer}.mastery-card>summary span{font-weight:400;font-size:.86rem;margin-inline-start:14px}.mastery-body{padding:0 20px 20px}.mastery-metrics{display:flex;gap:14px;flex-wrap:wrap}.mastery-metrics p{padding:14px;background:#eff6f7;border-radius:12px;flex:1}.mastery-metrics strong{display:block;font-size:1.6rem}.mastery-card li{margin:8px 0}.report-scroll{overflow:auto}.learning-report{border-collapse:collapse;width:100%;margin:16px 0}.learning-report th,.learning-report td{padding:14px;text-align:right;border-bottom:1px solid #d8e4e5;vertical-align:top}.learning-report small{display:block}.stroke-guide svg{display:block;width:100%;max-width:320px;height:240px;margin:auto}.stroke-trace{stroke-dasharray:1;stroke-dashoffset:0}.stroke-guide.is-playing .stroke-trace{animation:trace-lam 3.4s linear both}@keyframes trace-lam{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.stroke-guide.is-playing .stroke-trace{animation:none}}@media(max-width:650px){.learning-status{align-items:stretch;flex-direction:column}.account-card{padding:18px}.mastery-metrics{gap:6px}.mastery-metrics p{padding:9px;font-size:.8rem}}
@media print{.learning-status,.mastery-card,.stroke-guide{display:none!important}}

.review-filter-banner{padding:12px 16px;background:#fff5da;border-radius:12px;margin:12px 0}.review-filter-banner button{margin-inline-start:15px}
/* Visual science laboratories — original interactive artwork. */
.experiment-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.experiment-card{border:1px solid #d5e2e5;background:white;border-radius:24px;overflow:hidden;display:block;transition:transform .2s,box-shadow .2s}.experiment-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #193f5010}.experiment-thumb{height:210px;position:relative;text-align:center}.experiment-thumb svg{width:100%;height:165px}.experiment-thumb>span{font-size:.88rem;font-weight:700}.electric-thumb{background:#15364b;color:#bef4ec}.molecules-thumb{background:#e5f0ed;color:#38666a}.solutions-thumb{background:#eee8f7;color:#72628a}.experiment-card-copy{padding:25px}.experiment-card h3{font-size:1.28rem;margin:13px 0}.experiment-card p{line-height:1.9;color:#647b87}.experiment-card strong{color:#087f8c}.experiment-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:28px 0}.science-lab{background:white;border:1px solid #cbdde1;border-radius:22px;overflow:hidden;margin:24px 0}.lab-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 23px;background:#f8fbfa;border-bottom:1px solid #dce7e8;flex-wrap:wrap}.lab-live{font-weight:700;color:#246467}.lab-mode{display:flex;background:#e4eeee;padding:4px;border-radius:12px}.lab-mode button{background:transparent;border:0;padding:7px 19px;font:inherit;color:#527381;border-radius:9px;cursor:pointer}.lab-mode button[aria-pressed=true]{background:white;color:#125163;box-shadow:0 2px 8px #223c5015}.science-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;direction:ltr}.science-stage,.science-tools{direction:rtl;min-width:0}.science-stage{padding:18px 16px}.electric-stage{background:#142e41;color:#e4f1f5}.stage-hint{font-size:.88rem;text-align:center;margin:0 0 10px}.circuit-board{width:100%;display:block;min-height:220px}.circuit-board [role=button]{cursor:pointer;outline:none}.circuit-board [role=button]:focus-visible>rect,.circuit-board [role=button]:focus-visible>circle{stroke:white;stroke-width:4}.circuit-board [data-flow]{animation:current-flow 1s linear infinite}.circuit-status{min-height:52px;text-align:center;font-weight:600}.stage-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0}.electric-stage .secondary{background:#27465b;color:#e2f4f5;border-color:#6c9aa9}.science-tools{padding:22px;background:#fcfdfb;border-inline-start:1px solid #dbe7e6}.science-tools h3{font-size:1.08rem;margin:0 0 18px}.component-tray{display:grid;grid-template-columns:1fr 1fr;gap:8px}.component-tray button{border:1px solid #c7dade;border-radius:12px;background:white;font:inherit;min-height:74px;cursor:grab;color:#214d5e}.component-tray button span{display:block;font-size:1.7rem;line-height:1.2}.component-tray button[aria-pressed=true]{background:#e4f4ef;border:2px solid #078b84}.tool-feedback{min-height:65px;font-size:.78rem;color:#5e7581;line-height:1.8}.science-tools label{display:block;font-size:.85rem;margin-top:14px}.science-tools label output{float:left;color:#087f8c;font-weight:700;direction:ltr}.science-tools input[type=range]{width:100%;margin:10px 0;accent-color:#0d928d;direction:ltr}.science-checkbox{display:flex!important;gap:8px;align-items:center}.science-checkbox input{width:18px;height:18px;accent-color:#087f8c}.instrument{background:#15364b;color:#d6eee9;border-radius:16px;padding:17px;margin:18px 0;text-align:center}.instrument>span{display:block;font-size:.8rem}.instrument>output{display:block;font-family:Cairo,sans-serif;font-size:1.9rem;color:#a5f0c4}.instrument small{display:block;font-size:.7rem;line-height:1.7}.light-instrument{background:#edf4f1;color:#375969}.light-instrument p{margin:9px 0;font-size:.88rem}.science-mission{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff9e9;border-top:1px solid #ece4ce}.science-mission span{color:#957332;font-size:.82rem}.science-mission h3{font-size:1rem;margin:6px 0}.science-mission p{font-size:.85rem;color:#7e7661;margin:0}.science-mission>strong{font-size:.85rem;color:#827049;min-width:125px}.mission-complete{color:#168047!important}.science-explanation{padding:20px 25px;font-size:.88rem;border-top:1px solid #e3eded}.science-explanation summary{font-weight:700;cursor:pointer}.science-explanation p{line-height:2;color:#577380}.science-source{margin:30px 0;font-size:.86rem;line-height:2}.science-source h2{font-size:1.05rem}.science-source a{color:#087f8c}.chemical-mini{font-size:1.2rem;font-weight:700;text-align:center}.molecular-stage{background:#eff7f4}.reaction-chambers{display:grid;grid-template-columns:1fr 30px 1fr;align-items:stretch;min-height:360px}.reaction-chambers section{min-width:0}.reaction-chambers h3{text-align:center;font-size:1rem}.reaction-chambers h3 span{display:block;font-size:.8rem;color:#5a7d85;direction:ltr;font-weight:400}.reaction-arrow{align-self:center;color:#8aaca8;font-size:1.7rem}.molecule-container{display:flex;align-content:flex-start;justify-content:center;gap:18px 12px;flex-wrap:wrap;min-height:270px;padding:20px 10px;background:#ffffffa6;border:1px solid #d4e7df;border-radius:18px}.product-chamber{background:#e2f1f8aa}.molecule{display:inline-flex;align-items:center;height:47px;direction:ltr;position:relative}.molecule b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font:700 13px Cairo,sans-serif;border-radius:50%;position:relative;box-shadow:inset -3px -4px 5px #19364918,1px 2px 2px #34506015}.molecule b+b{margin-left:3px}.molecule b+b:before{content:'';position:absolute;left:-7px;width:9px;height:4px;background:#79929d;z-index:0}.atom-h{background:#e2f1ff;color:#315c7b;border:1px solid #8daabf}.atom-o{background:#ec6976;color:white;border:1px solid #c84959}.molecule .atom-o{width:33px;height:33px}.molecule-water b:first-child,.molecule-water b:last-child{transform:translateY(14px)}.molecule-water b:nth-child(2){transform:translateY(-2px)}.molecule-key{display:flex;justify-content:center;gap:20px;font-size:.8rem;margin:18px 0}.molecule-key i{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.reagent-button{font:inherit;width:100%;border:1px solid #d1e0e6;background:white;border-radius:15px;padding:16px 8px;margin-bottom:12px;cursor:pointer}.reagent-button strong,.reagent-button small{display:block;font-size:.84rem}.reagent-button small{font-size:.71rem;color:#6c808d}.mini-molecule{display:block;direction:ltr;font-size:1.7rem;font-weight:800;color:#468096;margin-bottom:10px}.oxygen-reagent .mini-molecule{color:#d9626b}.reaction-status{min-height:56px;text-align:center;font-size:.88rem;line-height:1.9}.reaction-flash .molecule{animation:molecule-arrive .6s ease-out both}.solution-stage{background:#eff5fa}.beaker-scene{display:block;width:100%;max-height:440px}.beaker-scene [data-liquid],.beaker-scene [data-liquid-surface]{transition:y .45s,height .45s,cy .45s,fill .4s}.pour-stream{opacity:0}.is-pouring .pour-stream{animation:pour .75s ease-out}.mix-swirl{opacity:0}.is-pouring .mix-swirl{animation:stir 1s ease-out}.bottle{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:right;column-gap:12px;width:100%;padding:12px;font:inherit;background:white;border:1px solid #d4e1e8;border-radius:14px;margin-bottom:12px;cursor:pointer}.bottle small{font-size:.69rem;color:#667a85;direction:ltr;text-align:right}.bottle strong{font-size:.88rem}.bottle-icon{grid-row:span 2;width:32px;height:47px;border:2px solid currentColor;border-radius:6px 6px 10px 10px;position:relative;margin-top:10px;background:linear-gradient(0deg,currentColor 0 40%,transparent 40%)}.bottle-icon:before{content:'';position:absolute;width:16px;height:10px;border:2px solid currentColor;border-bottom:0;left:6px;top:-11px;border-radius:3px 3px 0 0}.acid-bottle .bottle-icon{color:#e57b81}.base-bottle .bottle-icon{color:#8c80cc}.water-bottle .bottle-icon{color:#76afcc}.ph-scale{position:relative;margin:4px 35px 24px;padding-top:18px;display:flex;justify-content:space-between;border-radius:8px;font-size:.78rem;background:linear-gradient(90deg,#df494e,#ed9d45,#b9cf47,#45af84,#498fca,#8856bd,#b53a94) top/100% 12px no-repeat}.ph-scale>div{position:absolute;top:-5px;transform:translateX(-50%);width:5px;height:23px;border:1px solid white;background:#173e52;border-radius:4px;transition:left .4s}.science-lab button:disabled{opacity:.45;cursor:not-allowed}.science-lab button:focus-visible{outline:3px solid #dfac4b;outline-offset:3px}@keyframes current-flow{to{stroke-dashoffset:-25}}@keyframes molecule-arrive{from{transform:scale(.6) translateY(-15px);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pour{0%,80%{opacity:1}100%{opacity:0;stroke-dashoffset:-45}}@keyframes stir{0%{opacity:.8;transform:translateX(-7px)}100%{opacity:0;transform:translateX(7px)}}
@media(max-width:1000px){.experiment-catalog{gap:14px}.experiment-card-copy{padding:18px}.science-workspace{grid-template-columns:minmax(0,1fr) 230px}.science-tools{padding:16px}.lesson-body .science-workspace{grid-template-columns:1fr}.lesson-body .science-tools{border:0;border-top:1px solid #dbe7e6}.lesson-body .component-tray{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.experiment-catalog{grid-template-columns:1fr}.experiment-thumb{height:185px}.experiment-thumb svg{height:140px}.experiment-heading{align-items:flex-start;flex-direction:column}.science-workspace{grid-template-columns:1fr}.science-stage{padding:16px 8px}.science-tools{border:0;border-top:1px solid #dbe7e6}.component-tray{grid-template-columns:repeat(4,1fr)}.science-tools label{font-size:.9rem}.tool-feedback{min-height:0}.science-mission{align-items:flex-start;flex-direction:column;padding:18px}.lab-topline{padding:14px;gap:10px}.reaction-chambers{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);min-height:320px}.molecule-container{gap:8px 4px;padding:10px 4px}.molecule b{width:20px;height:20px;font-size:11px}.molecule .atom-o{width:27px;height:27px}.stage-actions .button{font-size:.84rem;padding:10px 15px}.science-explanation{padding:16px}}
@media(prefers-reduced-motion:reduce){.science-lab *{animation:none!important;transition:none!important}.is-pouring .pour-stream{opacity:0}.experiment-card{transition:none}}
/* Shared first-grade lessons: upright Cairo, readable words, compact phone layout. */
.lughati-content-note{background:#fff6df;border-inline-start:4px solid #b17c22;padding:15px 20px;border-radius:10px;line-height:1.9;font-size:.9rem}
.lughati-shapes{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.lughati-shapes span{font-size:3.5rem;background:#edf6f4;padding:8px 22px;border-radius:12px;min-width:80px;text-align:center}
.lughati-sound-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lughati-sound-table>div{background:#edf6f4;border-radius:12px;padding:14px;text-align:center}.lughati-sound-table span{font-size:.75rem;display:block}.lughati-sound-table strong{font-size:2rem;display:block;white-space:nowrap}
.lughati-passage{padding:24px;font-size:1.65rem;line-height:2.6;background:#edf6f4;border-inline-start:5px solid #087f8c;border-radius:15px}
.lughati-vocabulary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lughati-vocabulary article{padding:16px;background:#f5f8f8;border:1px solid #dce6e5;border-radius:12px}.lughati-vocabulary strong{font-size:1.5rem}.lughati-reading-line{font-size:1.75rem;line-height:2.5}
.lughati-neighbors{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px 0}.lughati-neighbors .button{white-space:normal}
.lughati-word-board .lam-writing-hint{font-size:clamp(65px,12vw,130px)}.lughati-video-cover{position:relative;display:block;background:#e6f2ef;text-align:center}.lughati-video-cover img{width:100%;max-height:350px;object-fit:contain}.lughati-video-cover strong{display:block;padding:18px;background:#173f52;color:white}.lughati-print-writing{display:none}
.lughati-expanded .lam-choice-row{flex-wrap:wrap}.lughati-expanded .lam-choice-option{min-width:80px}.lughati-expanded .lam-word{font-size:clamp(1.3rem,3.2vw,2.5rem);overflow-wrap:anywhere}
@media(max-width:640px){.lughati-passage{font-size:1.3rem;padding:18px;line-height:2.6}.lughati-vocabulary{grid-template-columns:1fr}.lughati-sound-table{gap:6px}.lughati-sound-table>div{padding:8px 3px}.lughati-sound-table strong{font-size:1.3rem}.lughati-sound-table span{font-size:.65rem}.lughati-content-note{font-size:.78rem;padding:12px}.lughati-neighbors{justify-content:center}.lughati-reading-line{font-size:1.3rem}.lughati-expanded .lam-art{min-height:210px}}
@media print{.lughati-expanded #panel-read,.lughati-expanded #panel-parent{display:block!important}.lughati-expanded .lughati-print-writing{display:block}.lughati-print-writing div{height:55px;border-bottom:1px solid #aaa}.lughati-neighbors,.lughati-expanded .learning-status,.lughati-expanded .mastery-card,.lughati-expanded .lam-feedback-toolbar{display:none!important}}
/* Shared YouTube covers: fit the actual thumbnail; leave a readable fallback underneath. */
.lam-video-block{margin-block:20px 36px}.video-kind{display:inline-block;margin-bottom:12px}.video-count{display:inline-flex;margin-bottom:12px;color:var(--teal);font-weight:700;font-size:14px}
.lughati-video-cover{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#e8f4f3;color:#173f52;isolation:isolate}
.lughati-video-cover .video-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:25px 20px 70px;text-align:center}.video-cover-fallback b{font-size:80px;line-height:1.3}
.lughati-video-cover .video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;background:transparent}
.lughati-video-cover .video-thumbnail[hidden]{display:none}.video-play-label{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 18px;border-radius:30px;background:#123b50ed;color:white;font-weight:700}
.lughati-video-cover:focus-visible{outline:4px solid #e3b453;outline-offset:3px}.lam-video-placeholder iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.lam-video-block .video-external-link{display:inline-block;margin-block:8px}
[data-video-slot] > [hidden]{display:none!important}

.book-count{display:inline-block;margin:8px 0;color:var(--deep);font-size:.8rem;background:var(--pale);padding:5px 10px;border-radius:8px}
.book-leaf{position:relative}.book-leaf img[hidden]{display:none!important}.book-image-error{position:absolute;inset:20% 10%;background:#f2f7f6;padding:20px;border-radius:12px;text-align:center}.book-image-error[hidden]{display:none!important}

/* v0.4.2: subject cards and video covers keep their own measurable layout. */
.subject-card{display:flex;flex-direction:column;gap:12px}
.subject-card-heading{display:flex;align-items:center;gap:14px;min-height:48px}
.subject-card-heading h2{margin:0;line-height:1.6}
.subject-card-heading .subject-icon{font-size:2rem;line-height:1}
.subject-card .subject-lesson-count{align-self:flex-start;margin:0;padding:3px 12px;background:var(--pale);color:var(--blue);border-radius:8px;font-size:.85rem;font-weight:700}
.subject-card .subject-edition{margin:0;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
.subject-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:.88rem;font-weight:700;color:var(--blue)}
.subject-card .subject-card-action .arrow-circle{position:static;flex-shrink:0}
.lam-video-placeholder>.lughati-video-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit}
.lam-video-placeholder .video-thumbnail{max-height:none;object-fit:contain}
.lam-video-placeholder .video-cover-fallback{padding:40px 16px 60px;gap:4px;font-size:clamp(.7rem,1.7vw,1rem)}
.lam-video-placeholder .video-cover-fallback b{font-size:clamp(32px,7vw,80px)}
@media(max-width:480px){.lam-video-placeholder .video-play-label{bottom:12px;padding:6px 14px;font-size:.8rem}.lam-video-placeholder .lam-embed-button{top:8px;right:8px;font-size:.65rem;padding:4px 8px}}

/* Direct reader controls across lesson templates. */
.lam-narration-settings .lam-listen[data-reader-label]{width:auto;min-width:130px;display:inline-flex;gap:8px;padding:10px 16px;border-radius:10px}
.lam-narration-settings>label:first-child{flex:1;min-width:0}
#lam-voice{width:100%;max-width:440px}
#lam-selected-voice{color:var(--muted);font-size:.8rem}
.lughati-sound-table strong{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.lughati-sound-table [data-phoneme]{display:inline-flex;align-items:center;gap:5px}
[data-narration-lesson] .lam-narration-settings button.lam-listen[data-reader-label]{font-size:.85rem;max-width:none;flex:0 0 auto;height:auto;min-height:44px;line-height:1.8}
@media(max-width:540px){.lam-narration-settings>label:first-child{flex-basis:100%}}