:root{color-scheme:light;--ink:#142b42;--paper:#fbf8ef;--teal:#145c56;--gold:#f3c76d;--line:#cbd7d8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:.2em}button,a.primary{min-height:2.75rem}button{cursor:pointer}span[lang],p>span{display:block}[lang=ar]{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;text-align:right;line-height:1.9;letter-spacing:0}h1,h2,p{margin-top:0}:focus-visible{outline:3px solid #a04d00;outline-offset:4px}.skip{position:absolute;transform:translateY(-200%);background:var(--ink);color:#fff;padding:.6rem;z-index:3}.skip:focus{transform:none}.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 76rem)/2));background:var(--ink);color:#fff}.brand-bar strong{font-family:Georgia,serif;font-size:1.75rem}.brand-bar p{margin:0;color:#f3c76d}.brand-bar [lang=ar]{font-size:.875rem}.authoring-note{padding:.7rem max(1rem,calc((100vw - 76rem)/2));background:#fff0cb;color:#594017;font-size:.875rem}.authoring-note span{display:block}main{max-width:80rem;margin:auto;padding:1rem 2rem}.welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;margin:2rem 0 3rem}.welcome h1{font:700 clamp(2.3rem,4.6vw,3.7rem)/1.12 Georgia,serif;letter-spacing:-.03em}.welcome h1 [lang=ar]{font-size:.69em;line-height:1.6;letter-spacing:0;margin-top:.6rem}.welcome>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:1.6rem;border:1px solid #b8c7c9}.eyebrow{font-size:.8125rem;font-weight:800;letter-spacing:.09em;color:var(--teal)}.primary{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.15rem;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:.85rem;padding:.8rem 1.25rem;font-weight:700;text-decoration:none}.primary:hover{background:#0d4944}.classroom{display:grid;grid-template-columns:17.5rem minmax(0,1fr);align-items:start;gap:2rem}#lesson-list{border:1px solid var(--line);border-radius:1.1rem;padding:1rem;background:#edf3f0}#lesson-list h2{font-size:1.1rem;padding:.5rem}#lesson-list a{display:flex;align-items:start;gap:.7rem;padding:.8rem .65rem;border-radius:.7rem;border:1px solid transparent;text-decoration:none;margin:.25rem 0;font-size:.9375rem}#lesson-list a:hover{border-color:#8caaa4}#lesson-list a[aria-current=page]{background:var(--ink);color:#fff}.lesson-number{font-size:.8125rem;font-weight:800;border:1px solid currentColor;border-radius:.4rem;padding:.15rem .3rem}.lesson-title{font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.25}.lesson-title [lang=ar]{font-size:.8em;margin-top:.3rem}.goal{padding:1rem;background:#e6f0eb;border-inline-start:4px solid var(--teal);border-radius:.5rem}#lesson-main{min-width:0}#lesson-main>section{background:#fff;border:1px solid var(--line);border-radius:1.15rem;padding:clamp(1rem,2.8vw,1.75rem);margin:1.5rem 0}#lesson-main section>h2{display:flex;align-items:start;gap:.75rem;font-size:1.3rem;line-height:1.5}.step{background:var(--gold);color:var(--ink);border:1px solid #ab853e;flex:none;border-radius:50%;width:2.5rem;height:2.5rem;display:grid;place-items:center;font-size:.875rem}.dialogue{display:grid;gap:1rem}.speech{border:1px solid #cadad5;border-inline-start:4px solid var(--teal);border-radius:.8rem;padding:1rem;background:#f4f8f5}.speech:nth-child(even){background:#fff8e8;border-color:#e2c896}.speech>b{color:#3b586b;font-size:.875rem}.speech p{margin:.35rem 0 0}.listen{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.listen button{background:white;color:var(--teal);border:1px solid #72928b;border-radius:.6rem;padding:.35rem .65rem;font-size:.8125rem;font-weight:650}.explain{padding-bottom:1rem;border-bottom:1px solid var(--line)}.examples{background:#f4f6f9;padding:1rem;border-radius:.75rem}.examples>p:last-child{margin-bottom:0}.alphabet,.number-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem;margin-top:1rem}.alphabet>div,.number-list>button{border:1px solid var(--line);border-radius:.6rem;background:#fff8e8;color:var(--ink);padding:.65rem;text-align:center}.alphabet strong{font-size:1.6rem;margin-right:.5rem}.number-list :is(b,span){display:block}fieldset{margin:0 0 1.25rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem}legend{padding:0 .4rem;font-weight:650;max-width:100%}fieldset label{display:flex;align-items:center;gap:.8rem;padding:.65rem;margin:.5rem 0;border:1px solid #b9cacd;border-radius:.65rem;cursor:pointer;min-height:3rem}input[type=radio],input[type=checkbox]{width:1.3rem;height:1.3rem;flex:none;accent-color:var(--teal)}fieldset label>span{flex:1;min-width:0}.feedback:empty{display:none}.feedback{padding:.75rem;border-radius:.5rem;margin-bottom:0}.feedback.correct{background:#e6f4e9;color:#174d29}.feedback.retry{background:#fff0d3;color:#6b4517}#practice-result{margin-top:1rem}.writing-label{display:block;font-weight:600;margin-bottom:.75rem}textarea{width:100%;min-height:8rem;resize:vertical;border:1px solid #8da5aa;border-radius:.7rem;padding:.8rem;color:var(--ink);background:#fff;direction:ltr;font-size:1rem}details{margin:1rem 0;border:1px solid var(--line);border-radius:.75rem;padding:1rem}summary{cursor:pointer;min-height:2.75rem;font-weight:650}details p{margin-top:1rem}.coach{background:#fff8e8;border:1px solid #dec796;border-radius:.8rem;padding:1rem}.reflection{display:grid;gap:.6rem}.reflection label{display:flex;align-items:start;gap:.7rem;padding:.5rem}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.lesson-bottom>a{min-height:2.75rem;padding:.7rem}.voice-note{padding:1.5rem;background:#e8f0f5;border:1px solid #bdd1dc;border-radius:1.1rem;margin:2rem 0}.voice-note h2{font-size:1.2rem}.voice-note button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:.65rem;padding:.5rem 1rem}.voice-note #audio-status{margin:1rem 0 0}footer{background:var(--ink);color:#f8fbfb;padding:2rem max(1rem,calc((100vw - 76rem)/2))}footer strong{font-family:Georgia,serif;font-size:1.4rem}footer p{font-size:.875rem;margin-top:1rem;max-width:65rem}footer [lang=ar]{color:#c0e3de}p,label,legend,a,h1,h2{overflow-wrap:anywhere}
@media(max-width:1000px){.classroom{grid-template-columns:14.5rem minmax(0,1fr);gap:1rem}.welcome{gap:1.25rem}.welcome h1{font-size:2.5rem}}@media(max-width:760px){main{padding:1rem}.welcome{grid-template-columns:minmax(0,1fr);margin-top:1rem}.welcome>img{order:-1}.welcome h1{font-size:2.6rem}.classroom{grid-template-columns:minmax(0,1fr)}#lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}#lesson-list h2{grid-column:1/-1}#lesson-list a{font-size:.875rem}.brand-bar p{font-size:.875rem}.lesson-title{font-size:1.8rem}}@media(max-width:390px){#lesson-list{grid-template-columns:minmax(0,1fr)}.brand-bar{align-items:start}.brand-bar strong{font-size:1.45rem}.welcome h1{font-size:2.2rem}.listen{display:grid;grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(forced-colors:active){body,.primary,.speech,.goal,#lesson-list,.step,footer{background:Canvas;color:CanvasText;border-color:CanvasText}:focus-visible{outline-color:Highlight}#lesson-list a[aria-current=page]{border:3px solid Highlight}}