@media screen{
body[data-focus-view="lesson"]{--l1-bg:#e1e7ec;--l1-paper:#fff;--l1-soft:#edf2f6;--l1-line:#b7c6d2;--l1-ink:#20384b;--l1-muted:#496174;--l1-accent:#087d83;--l1-on:#fff;background:var(--l1-bg)!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"][data-hzn-tone="dark"]{--l1-bg:#090f16;--l1-paper:#1c2c3b;--l1-soft:#283f50;--l1-line:#506b7f;--l1-ink:#f1f6fa;--l1-muted:#c1cfda;--l1-accent:#68cac6;--l1-on:#102c35}
body[data-focus-view="lesson"] main{max-width:1360px!important;padding:12px clamp(12px,2vw,28px) 16px!important}
body[data-focus-view="lesson"] .lesson-heading{margin:0 0 10px!important;gap:12px!important;align-items:center!important}
body[data-focus-view="lesson"] #lesson-title{font-size:clamp(20px,2.3vw,29px)!important;line-height:1.5!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] #stages{margin:0 0 12px!important;gap:7px!important;background:transparent!important;padding:0!important}
body[data-focus-view="lesson"] #stages button{min-height:44px!important;padding:8px 12px!important;line-height:1.5!important;font-size:clamp(13px,1.3vw,17px)!important;background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] #stages button[aria-pressed="true"]{background:var(--l1-accent)!important;color:var(--l1-on)!important;border-color:var(--l1-accent)!important}
body[data-focus-view="lesson"] #activity{padding:clamp(12px,1.7vw,22px)!important;min-height:0!important;background:var(--l1-paper)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important;border-radius:18px!important;box-shadow:0 5px 20px #0a243315!important}
body[data-focus-view="lesson"] .alphabet-layout{display:block!important;margin:0!important}
body[data-focus-view="lesson"] .letter-focus{display:grid!important;grid-template-columns:minmax(110px,.65fr) minmax(0,1fr)!important;gap:8px 16px!important;padding:12px!important;margin:0!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:14px!important;align-items:center!important}
body[data-focus-view="lesson"] .letter-orbit{grid-column:1!important;grid-row:1/3!important;width:clamp(110px,15vmin,160px)!important;height:auto!important;aspect-ratio:1;min-height:110px;display:grid;place-items:center;font-size:clamp(72px,10vmin,var(--reader-letter-orbit-size,110px))!important;line-height:1.4!important;margin:0!important;background:var(--l1-paper)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important;box-shadow:none!important}
body[data-focus-view="lesson"] .letter-focus h2{grid-column:2!important;margin:0!important;font-size:clamp(24px,3vw,var(--reader-chapter-name-size,32px))!important;color:var(--l1-ink)!important;line-height:1.6!important}
body[data-focus-view="lesson"] .letter-focus>.sound{grid-column:2!important;width:100%!important;justify-self:stretch!important}
body[data-focus-view="lesson"] .sound{background:var(--l1-accent)!important;color:var(--l1-on)!important;border:1px solid var(--l1-accent)!important;min-height:46px!important;font-size:clamp(14px,1.4vw,18px)!important;padding:8px 12px!important;line-height:1.6!important;white-space:normal!important}
body[data-focus-view="lesson"] .mini-forms{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 0!important;width:100%!important}
body[data-focus-view="lesson"] .mini-forms>div{background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important;border-radius:10px!important;padding:8px 4px!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] .mini-forms span{font-size:clamp(30px,4vmin,var(--reader-alphabet-card-size,48px))!important;line-height:1.5!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] .mini-forms small{white-space:normal}
body[data-focus-view="lesson"] .mini-forms small{font-size:clamp(11px,1.1vw,14px)!important;line-height:1.7!important;color:var(--l1-muted)!important}
body[data-focus-view="lesson"] .letter-focus>.text-button,body[data-focus-view="lesson"] .joining-note{grid-column:1/-1!important;min-height:36px;color:var(--l1-accent)!important;margin:0!important;font-size:14px!important;line-height:1.7!important}
body[data-focus-view="lesson"] .hzn-letter-index{margin:0!important;padding:10px!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:14px!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] .hzn-letter-index>summary{min-height:34px;padding:2px 4px!important;font-size:14px!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] .alphabet-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 0!important;padding:0!important}
body[data-focus-view="lesson"] .letter-card{min-height:72px!important;padding:3px!important;gap:0!important;background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important;color:var(--l1-ink)!important;border-radius:10px!important;box-shadow:none!important;opacity:1!important}
body[data-focus-view="lesson"] .letter-card>span.arabic{font-size:clamp(30px,3.8vmin,var(--reader-alphabet-card-size,46px))!important;line-height:1.35!important;color:var(--l1-ink)!important}
body[data-focus-view="lesson"] .letter-card>small{font-size:11px!important;line-height:1.6!important;color:var(--l1-muted)!important;margin:0!important}
body[data-focus-view="lesson"] .letter-card.selected{background:var(--l1-accent)!important;border-color:var(--l1-accent)!important}body[data-focus-view="lesson"] .letter-card.selected>small{font-weight:600}
body[data-focus-view="lesson"] .letter-card.selected :is(span.arabic,small){color:var(--l1-on)!important}
body[data-focus-view="lesson"] .letter-card.is-locked{background:var(--l1-soft)!important;border-style:dashed!important}
body[data-focus-view="lesson"] .demo-card-status{font-size:9px!important}body[data-focus-view="lesson"] .demo-card-status svg{width:10px;height:10px}
body[data-focus-view="lesson"] .alpha-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:760px!important;margin:12px auto!important;gap:12px!important}
body[data-focus-view="lesson"] .alpha-choice{min-height:clamp(100px,19vh,160px)!important;font-size:clamp(64px,11vmin,110px)!important;line-height:1.4!important;padding:10px!important;background:var(--l1-soft)!important;border:2px solid var(--l1-line)!important;color:var(--l1-ink)!important;border-radius:16px!important}
body[data-focus-view="lesson"] .match-model{font-size:clamp(66px,10vmin,110px)!important;background:var(--l1-soft)!important;color:var(--l1-ink)!important;min-height:110px!important;padding:10px!important;width:auto!important;min-width:140px!important;border:1px solid var(--l1-line)!important}
body[data-focus-view="lesson"] .letter-question{margin:4px 0 10px!important}body[data-focus-view="lesson"] .hzn-activity-help{line-height:1.6}
body[data-focus-view="lesson"] .hzn-activity-help{margin-top:12px!important;padding-top:8px!important;color:var(--l1-muted)!important}
body[data-focus-view="lesson"] .lesson-footer{margin:10px 0 0!important;padding:0!important;gap:12px!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] .lesson-footer button{min-height:44px}
body[data-focus-view="lesson"] .preview-note{margin:8px 0!important;font-size:12px!important;color:var(--l1-muted)!important}
body[data-focus-view="lesson"] :is(button,summary):focus-visible{outline:3px solid var(--l1-accent)!important;outline-offset:3px}
@media(min-width:900px){body[data-focus-view="lesson"] #activity:has(.alphabet-layout){display:grid!important;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr)!important;align-items:start!important;gap:16px!important}body[data-focus-view="lesson"] .hzn-l1-direct-grid{min-width:0}}
@media(max-width:899px){body[data-focus-view="lesson"] .hzn-letter-index{margin-top:12px!important}}
@media(max-width:580px){body[data-focus-view="lesson"] .letter-focus{grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}body[data-focus-view="lesson"] .alphabet-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}body[data-focus-view="lesson"] .alpha-choice{min-height:100px!important;font-size:64px!important}body[data-focus-view="lesson"] .mini-forms small{font-size:11px!important}body[data-focus-view="lesson"] #stages button{padding:6px!important;font-size:13px!important}}
}
@media screen{body[data-focus-view="lesson"] .alpha-choice.correct{background:#d7f2e3!important;border-color:#21724b!important;color:#164d34!important}body[data-focus-view="lesson"] .alpha-choice.wrong{background:#f8dfe0!important;border-color:#a64147!important;color:#792a30!important}body[data-focus-view="lesson"][data-hzn-tone="dark"] .alpha-choice.correct{background:#244e3c!important;border-color:#83d5a9!important;color:#e7fff0!important}body[data-focus-view="lesson"][data-hzn-tone="dark"] .alpha-choice.wrong{background:#582e39!important;border-color:#eea1ac!important;color:#ffe7ea!important}body[data-focus-view="lesson"] .feedback{color:var(--l1-ink)!important;line-height:1.7;font-size:16px}}

@media screen{body[data-focus-view="lesson"] .letter-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important}body[data-focus-view="lesson"] .letter-card>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important}body[data-focus-view="lesson"] .letter-card>span.arabic{font-size:34px!important;line-height:1.25!important}body[data-focus-view="lesson"] .letter-card>small{line-height:1.35!important}body[data-focus-view="lesson"] .hzn-letter-index .activity-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:8px 0 0!important;padding:0!important}body[data-focus-view="lesson"] .hzn-letter-index .activity-header h2{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}body[data-focus-view="lesson"] .hzn-letter-index .activity-header p{margin:0!important;font-size:12px!important;line-height:1.5!important}body[data-focus-view="lesson"] .hzn-letter-index .activity-header button{min-height:44px!important;flex-shrink:0!important}body[data-focus-view="lesson"] .author-credit{margin:6px 0 0!important;font-size:11px!important;line-height:1.5!important}}

@media screen{body[data-focus-view="lesson"] .letter-card{min-height:64px!important}body[data-focus-view="lesson"] .demo-card-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;margin:0!important}body[data-focus-view="lesson"] .author-credit{gap:4px!important}body[data-focus-view="lesson"] .author-credit p{margin:0!important}}
@media screen and (min-width:900px){body[data-focus-view="lesson"] #activity{padding:16px!important}body[data-focus-view="lesson"] .hzn-letter-index{padding:8px!important}}

@media screen{body[data-focus-view="lesson"] .activity-header p,body[data-focus-view="lesson"] .activity-header h2,body[data-focus-view="lesson"] .hzn-activity-help summary,body[data-focus-view="lesson"] #page-label{color:var(--l1-muted)!important}body[data-focus-view="lesson"] #print-alphabet,body[data-focus-view="lesson"] #hzn-back-lessons{color:var(--l1-ink)!important;background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] .letter-card{position:relative!important}body[data-focus-view="lesson"] .letter-card.is-locked::after{color:var(--l1-muted)!important;opacity:1!important}}

@media screen{body[data-focus-view="lesson"] #activity .activity-header{margin:0 0 10px!important;gap:8px!important}body[data-focus-view="lesson"] #activity .activity-header h2{font-size:clamp(17px,1.6vw,22px)!important;line-height:1.6!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity .activity-header p{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.6!important;color:var(--l1-muted)!important}body[data-focus-view="lesson"] #activity .secondary{background:var(--l1-soft)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important;min-height:44px!important}body[data-focus-view="lesson"] #activity .text-button{color:var(--l1-accent)!important}body[data-focus-view="lesson"] #activity :is(.translation,.trace-note,.phonics-hint,.phonics-note,.trace-example p,.section-bottom p,.story-text>p:not(.arabic)){color:var(--l1-muted)!important;font-size:clamp(13px,1.2vw,17px)!important;line-height:1.65!important}body[data-focus-view="lesson"] #activity :is(.word-scene-layout,.story-layout){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:center!important}body[data-focus-view="lesson"] #activity :is(.illustration-panel,.vocab-panel,.story-text,.story-picture){min-width:0!important;margin:0!important;padding:10px!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:14px!important}body[data-focus-view="lesson"] #activity :is(.sentence-scene,.story-picture){min-height:0!important;aspect-ratio:auto!important}body[data-focus-view="lesson"] #activity :is(.sentence-scene img,.story-picture img){width:100%!important;height:clamp(160px,28vh,260px)!important;object-fit:contain!important}body[data-focus-view="lesson"] #activity .vocab-word{font-size:clamp(36px,5.5vmin,var(--reader-word-size,64px))!important;line-height:1.6!important;margin:0!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity :is(.sentence,.story-sentence){font-size:clamp(25px,3.5vmin,var(--reader-sentence-size,40px))!important;line-height:1.8!important;margin:4px 0!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity .sentence-block{margin:8px 0 0!important;padding:8px 0 0!important;border-color:var(--l1-line)!important}body[data-focus-view="lesson"] #activity :is(.visual-switch,.group-nav,.form-tabs,.story-steps,.trace-tools,.pen-demo-tools){gap:6px!important;margin:6px 0!important;flex-wrap:wrap!important}body[data-focus-view="lesson"] #activity :is(.visual-switch button,.group-nav button,.form-tabs button,.story-steps button){min-height:44px!important;padding:5px 10px!important;color:var(--l1-ink)!important;background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity :is(.visual-switch button,.group-nav button,.form-tabs button)[aria-pressed="true"],#activity .story-steps button[aria-current="step"]{color:var(--l1-on)!important;background:var(--l1-accent)!important;border-color:var(--l1-accent)!important}body[data-focus-view="lesson"] #activity .vocab-strip{margin:10px 0 0!important;gap:6px!important}body[data-focus-view="lesson"] #activity .vocab-strip button{padding:4px!important;background:var(--l1-soft)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important;min-width:0!important}body[data-focus-view="lesson"] #activity .vocab-strip img{height:42px!important;width:56px!important;object-fit:contain!important}body[data-focus-view="lesson"] #activity .vocab-strip .arabic{font-size:clamp(20px,2.7vmin,30px)!important;line-height:1.6!important}body[data-focus-view="lesson"] #activity .vocab-strip button.selected{background:var(--l1-accent)!important;color:var(--l1-on)!important}body[data-focus-view="lesson"] #activity .section-bottom{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:8px 0 0!important}body[data-focus-view="lesson"] #activity .sentence-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:10px 0!important}body[data-focus-view="lesson"] #activity .sentence-choices .choice{background:var(--l1-soft)!important;border:2px solid var(--l1-line)!important;border-radius:14px!important;min-height:0!important;overflow:hidden!important}body[data-focus-view="lesson"] #activity .sentence-choices img{width:100%!important;height:clamp(140px,27vh,230px)!important;object-fit:contain!important}body[data-focus-view="lesson"] #activity .trace-wrap{max-width:480px!important;margin:8px auto!important;aspect-ratio:560/290!important;background:#fff!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity .trace-example{margin:8px 0!important}body[data-focus-view="lesson"] #activity .trace-example>span{font-size:clamp(24px,3vmin,36px)!important;line-height:1.6!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity .form-tabs .arabic{font-size:clamp(25px,3vmin,40px)!important;line-height:1.5!important}body[data-focus-view="lesson"] #activity .vowel-cards{gap:8px!important;margin:8px 0!important}body[data-focus-view="lesson"] #activity .vowel-cards>div{background:var(--l1-soft)!important;color:var(--l1-ink)!important;padding:6px 10px!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity .chapter-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px!important}body[data-focus-view="lesson"] #activity .chapter-card{padding:8px!important;min-height:130px!important;background:var(--l1-soft)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity .phonics-letter-selector{display:grid!important;grid-template-columns:repeat(14,minmax(0,1fr))!important;gap:5px!important;margin:8px 0!important}body[data-focus-view="lesson"] #activity .phonics-letter-selector button{min-height:44px!important;padding:2px!important;font-size:26px!important;background:var(--l1-soft)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity .phonics-letter-selector button.selected{background:var(--l1-accent)!important;color:var(--l1-on)!important}body[data-focus-view="lesson"] #activity .phonics-comparisons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}body[data-focus-view="lesson"] #activity .phonics-row{padding:10px!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:14px!important;min-width:0!important}body[data-focus-view="lesson"] #activity .phonics-pair{gap:5px!important}body[data-focus-view="lesson"] #activity .phonics-sound-card{background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important;min-width:0!important;padding:6px!important}body[data-focus-view="lesson"] #activity .phonics-kind{color:var(--l1-muted)!important;font-size:12px!important;line-height:1.6!important}body[data-focus-view="lesson"] #activity .phonics-glyph{height:clamp(60px,12vh,100px)!important;width:100%!important;max-width:150px!important}body[data-focus-view="lesson"] #activity .phonics-choices{gap:10px!important;margin:12px auto!important;max-width:850px!important}body[data-focus-view="lesson"] #activity .phonics-choice{min-height:110px!important;padding:10px!important;background:var(--l1-soft)!important;border:2px solid var(--l1-line)!important}body[data-focus-view="lesson"] #activity .phonics-stage-options{gap:6px!important}body[data-focus-view="lesson"] #activity .phonics-feedback-actions{flex-wrap:wrap!important;gap:8px!important}body[data-focus-view="lesson"] #activity .correct{background:#d7f2e3!important;border-color:#21724b!important;color:#164d34!important}body[data-focus-view="lesson"] #activity .wrong{background:#f8dfe0!important;border-color:#a64147!important;color:#792a30!important}}
@media screen and (max-width:899px){body[data-focus-view="lesson"] #activity :is(.word-scene-layout,.story-layout){gap:12px!important}body[data-focus-view="lesson"] #activity .phonics-letter-selector{grid-template-columns:repeat(7,minmax(0,1fr))!important}body[data-focus-view="lesson"] #activity .phonics-comparisons{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}}
@media screen and (max-width:580px){body[data-focus-view="lesson"] #activity :is(.word-scene-layout,.story-layout){grid-template-columns:minmax(0,1fr)!important}body[data-focus-view="lesson"] #activity .sentence-choices{gap:6px!important}body[data-focus-view="lesson"] #activity .sentence-choices img{height:120px!important}body[data-focus-view="lesson"] #activity .trace-wrap{aspect-ratio:560/290!important}body[data-focus-view="lesson"] #stages.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-focus-view="lesson"] #activity .vocab-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}body[data-focus-view="lesson"] #activity .vocab-strip img{width:100%!important}body[data-focus-view="lesson"] #activity .phonics-comparisons{grid-template-columns:1fr!important}}
@media screen{body[data-focus-view="lesson"][data-hzn-tone="dark"] #activity .correct{background:#244e3c!important;border-color:#83d5a9!important;color:#e7fff0!important}body[data-focus-view="lesson"][data-hzn-tone="dark"] #activity .wrong{background:#582e39!important;border-color:#eea1ac!important;color:#ffe7ea!important}.hzn-theory-action:disabled{opacity:1!important;cursor:not-allowed!important}.hzn-theory-closed{font-size:12px;line-height:1.5;color:inherit;opacity:.8}}

@media screen{body[data-focus-view="lesson"] .hzn-l1-direct-grid{padding:8px!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:14px!important}}

@media screen{body[data-focus-view="lesson"] #activity .vocab-word{overflow:visible!important;max-height:none!important}body[data-focus-view="lesson"] #activity .sentence-scene{width:100%!important;max-width:none!important}body[data-focus-view="lesson"] #activity .form-tabs button[aria-pressed="true"] :is(span,small){color:var(--l1-on)!important}}

@media screen{.hzn-theory-closed{display:none!important}body[data-focus-view="lesson"]{--phonics-ink:var(--l1-ink)}body[data-focus-view="lesson"] #activity .position-tags span{background:var(--l1-paper)!important;border:1px solid var(--l1-line)!important;color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity .position-tags b{color:var(--l1-ink)!important}body[data-focus-view="lesson"] #activity details>summary{color:var(--l1-muted)!important;font-size:14px!important;line-height:1.6!important}}

/* Keep the preparation notice attached to the theory action only. */
.hzn-lesson-card>.hzn-theory-status,.hzn-lesson-card>.hzn-theory-closed{display:none!important}
.hzn-theory-action .hzn-theory-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.hzn-theory-action .hzn-theory-pending{font-size:11px;line-height:1.5;white-space:normal;font-weight:400}
@media screen and (min-width:900px){
body[data-focus-view="lesson"]:is([data-course="phonics"],[data-course="blending2"],[data-course="sukunHamza"]) main{padding:8px clamp(12px,2vw,28px) 8px!important}
body[data-focus-view="lesson"]:is([data-course="phonics"],[data-course="blending2"],[data-course="sukunHamza"]) .lesson-heading{position:static!important;min-height:0!important;padding-block:4px!important;margin-bottom:6px!important}
body[data-focus-view="lesson"]:is([data-course="phonics"],[data-course="blending2"]) #stages{margin-bottom:6px!important}
body[data-focus-view="lesson"]:is([data-course="phonics"],[data-course="blending2"],[data-course="sukunHamza"]) #activity{padding:10px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;gap:8px!important;padding:10px!important;align-items:center!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-vowel-name{grid-column:1;grid-row:1;margin:0!important;font-size:20px!important;line-height:1.5!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-pair-play{grid-column:2;grid-row:1;min-height:44px!important;font-size:15px!important;text-decoration:none!important;padding:4px 6px!important;border:1px solid var(--l1-line)!important;border-radius:10px!important;background:var(--l1-paper)!important;color:var(--l1-ink)!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-pair{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;width:100%!important;max-width:none!important;gap:4px!important;margin:0!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-kind{font-size:16px!important;min-height:0!important;line-height:1.4!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-glyph{height:76px!important;max-width:180px!important;width:100%!important;margin:3px auto!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-glyph svg{height:100%!important;width:100%!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-sound-card .sound{width:100%!important;min-height:44px!important;font-size:16px!important;padding:5px!important;gap:5px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-heard{position:absolute!important;inset-inline-end:5px;top:3px;height:auto!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-comparisons{margin-top:6px!important;gap:10px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-hint{margin:4px 0!important;font-size:15px!important;line-height:1.5!important}
body[data-course="phonics"][data-hzn-tone="dark"]{--phonics-fatha:#f2a08e;--phonics-damma:#76d4c0;--phonics-kasra:#c3b0ff}
body[data-course="phonics"][data-focus-view="lesson"] .hzn-activity-help,body[data-course="blending2"][data-focus-view="lesson"] .hzn-activity-help{margin-top:6px!important;padding-top:6px!important;padding-bottom:0!important}
body[data-course="blending2"][data-focus-view="lesson"] #activity:has(.blending2-study-card){display:grid!important;grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr)!important;gap:10px 16px!important;align-items:start!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-filters{grid-column:1;grid-row:1/3;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:12px!important;background:var(--l1-soft)!important;border:1px solid var(--l1-line)!important;border-radius:12px!important;font-size:16px!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-card{grid-column:2;grid-row:1;margin:0!important;padding:12px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,.45fr)!important;gap:6px 12px!important;align-items:center!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-kind{grid-column:1/-1;font-size:17px!important;line-height:1.5!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-visual{grid-column:1;grid-row:2/5;min-height:0!important;height:160px!important;margin:0!important}
body[data-course="blending2"][data-focus-view="lesson"] :is(.blending2-initial,.blending2-whole){height:100%!important;min-height:0!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-glyph{height:145px!important;width:min(100%,340px)!important;margin:0 auto!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-glyph svg{height:100%!important}
body[data-course="blending2"][data-focus-view="lesson"] :is(.blending2-animation-status,.blending2-card-actions,.blending2-heard){grid-column:2;margin:0!important;font-size:16px!important;line-height:1.6!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-card-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-colour-key{grid-column:2;grid-row:2;margin:0!important;font-size:15px!important}
body[data-course="blending2"][data-focus-view="lesson"] .hzn-activity-help{grid-column:1/-1}
}
@media screen and (max-width:899px){
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-card{padding:12px!important;margin-block:8px!important;min-height:0!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-visual{min-height:0!important;height:150px!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-glyph{height:135px!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-filters{margin:0 0 8px!important}
}

@media screen and (min-width:1100px){
body[data-course="phonics"][data-focus-view="lesson"][data-activity="learn"] #activity{display:grid!important;grid-template-columns:minmax(250px,.34fr) minmax(0,1fr)!important;gap:8px 14px!important;align-items:start!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-letter-selector{grid-column:1;grid-row:1/3;grid-template-columns:repeat(7,minmax(0,1fr))!important;margin:0!important;gap:5px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-comparisons{grid-column:2;grid-row:1;margin:0!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-hint{grid-column:2;grid-row:2;margin:0!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-glyph{height:90px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-vowel-name{font-size:19px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;padding:8px!important;gap:5px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-pair-play{font-size:14px!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity :is(.hzn-activity-help,.phonics-note){grid-column:1/-1}
}

@media screen and (min-width:1100px){
body[data-course="phonics"][data-focus-view="lesson"] #activity .phonics-letter-selector{grid-row:1!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .hzn-activity-help{grid-column:1!important;grid-row:2!important;margin:0!important;padding:0!important;border:0!important}
body[data-course="phonics"][data-focus-view="lesson"] #activity .hzn-activity-help>summary{padding:4px!important;min-height:44px!important}
}

@media screen{
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-card{background:var(--l1-soft)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-kind{background:var(--l1-paper)!important;color:var(--l1-ink)!important}
body[data-course="blending2"][data-focus-view="lesson"] :is(.blending2-animation-status,.blending2-heard){color:var(--l1-muted)!important}
}
@media screen and (min-width:900px){
body[data-course="blending2"][data-focus-view="lesson"] .hzn-activity-help{grid-column:1!important;grid-row:3!important;border:0!important;padding:0!important;margin:0!important}
body[data-course="blending2"][data-focus-view="lesson"] .hzn-activity-help>summary{min-height:44px!important;padding:4px!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-colour-key{grid-column:2!important;grid-row:3!important;align-self:center!important}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-study-card{grid-row:1/3!important}
}

@media screen{
body[data-course="blending2"][data-focus-view="lesson"]{--phonics-ink:var(--l1-ink)}
body[data-course="blending2"][data-focus-view="lesson"][data-hzn-tone="dark"]{--phonics-fatha:#f2a08e;--phonics-damma:#76d4c0;--phonics-kasra:#c3b0ff;--phonics-madd:#76d4c0}
body[data-course="blending2"][data-focus-view="lesson"] .blending2-filters select{background:var(--l1-paper)!important;color:var(--l1-ink)!important;border:1px solid var(--l1-line)!important;font-size:16px!important}
}

@media screen and (min-width:900px){
body[data-focus-view="lesson"]:is([data-course="blending3"],[data-course="blending4"]) main{padding:8px clamp(12px,2vw,28px) 8px!important}
body[data-focus-view="lesson"]:is([data-course="blending3"],[data-course="blending4"]) .lesson-heading{position:static!important;min-height:0!important;padding-block:4px!important;margin-bottom:6px!important}
body[data-focus-view="lesson"]:is([data-course="blending3"],[data-course="blending4"]) #activity{padding:10px!important}
}

@media screen and (min-width:900px){
body[data-focus-view="lesson"][data-activity="write"] main{padding:8px clamp(12px,2vw,28px) 8px!important}
body[data-focus-view="lesson"][data-activity="write"] .lesson-heading{position:static!important;min-height:0!important;padding-block:4px!important;margin-bottom:6px!important}
body[data-focus-view="lesson"][data-activity="write"] #stages{margin-bottom:6px!important}
body[data-focus-view="lesson"][data-activity="write"] #activity{padding:10px!important}
body[data-focus-view="lesson"] #activity .writing-surface{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(180px,.5fr)!important;gap:6px 12px!important;align-items:center!important}
body[data-focus-view="lesson"] #activity .writing-surface .trace-wrap{grid-column:1;grid-row:1/3;max-width:460px!important;margin:0 auto!important}
body[data-focus-view="lesson"] #activity .writing-surface .pen-demo-tools{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:1fr!important;margin:0!important;gap:6px!important}
body[data-focus-view="lesson"] #activity .writing-surface .trace-tools{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important;gap:6px!important}
body[data-focus-view="lesson"] #activity .writing-surface :is(.pen-demo-tools,.trace-tools) button{font-size:15px!important;min-height:44px!important;line-height:1.5!important;padding:4px!important}
body[data-focus-view="lesson"] .writing-notes{margin-top:4px!important}
}

@media screen{
body[data-focus-view="lesson"] #activity .pen-demo-status{color:var(--l1-muted)!important;font-size:15px!important;line-height:1.5!important}
}

@media screen and (min-width:1100px){
body[data-course="alphabet"][data-focus-view="lesson"] main{padding:8px clamp(12px,2vw,28px) 8px!important}
body[data-course="alphabet"][data-focus-view="lesson"] .lesson-heading{position:static!important;min-height:0!important;padding-block:4px!important;margin-bottom:6px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity{padding:10px!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:12px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-focus{padding:10px!important;gap:4px 12px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-orbit{min-height:70px!important;font-size:78px!important;line-height:1.15!important;padding:0!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .mini-forms{padding:4px!important;margin:0!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .mini-forms .arabic{font-size:28px!important;line-height:1.5!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .mini-forms small{font-size:14px!important;line-height:1.4!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .joining-note{font-size:15px!important;line-height:1.5!important;margin:3px 0!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;margin:0!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-card{min-height:44px!important;padding:3px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-card .arabic{font-size:26px!important;line-height:1.4!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-card small{font-size:13px!important;line-height:1.4!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .hzn-letter-index{padding:6px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .hzn-letter-index>summary{min-height:44px!important;padding:4px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .hzn-letter-index .activity-header{margin:4px 0 0!important;padding:0!important;gap:6px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .hzn-letter-index .activity-header h2{font-size:16px!important;line-height:1.5!important;margin:0!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .hzn-letter-index .activity-header p{font-size:14px!important;line-height:1.5!important;margin:0!important}
}

@media screen and (min-width:1100px){
body[data-course="alphabet"][data-focus-view="lesson"][data-activity="explore"] #activity{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
body[data-course="alphabet"][data-focus-view="lesson"] #stages{margin-bottom:6px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-focus{grid-template-columns:100px minmax(0,.85fr) minmax(0,1fr)!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-focus .mini-forms{grid-column:3!important;grid-row:1/3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;align-self:center!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .alphabet-grid{grid-template-columns:repeat(14,minmax(0,1fr))!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .letter-focus>.sound{font-size:15px!important;padding:4px!important;min-height:44px!important}
body[data-course="alphabet"][data-focus-view="lesson"] #activity .joining-note{color:var(--l1-muted)!important;min-height:0!important}
}

/* Audit: author credit retains readable contrast in both themes. */
@media screen{.author-credit,[data-hzn-creator-credit]{color:#435b67!important}body[data-hzn-tone="dark"] :is(.author-credit,[data-hzn-creator-credit]){color:#b8cbd5!important}}

/* FINAL_AUDIT_R2_DARK_LEGEND */
@media screen{body[data-hzn-tone="dark"] .blending2-colour-key .fatha{color:#f2a08e!important}body[data-hzn-tone="dark"] .blending2-colour-key .damma{color:#76d4c0!important}body[data-hzn-tone="dark"] .blending2-colour-key .kasra{color:#c3b0ff!important}}

/* FINAL_AUDIT_R4_SETTINGS_DARK */
@media screen{
body[data-hzn-tone="dark"] #settings{color:#f0f4f8!important}
body[data-hzn-tone="dark"] #settings :is(p,label,span,output){color:#d5e0e9!important}
body[data-hzn-tone="dark"] #settings :is(h2,h3,.typography-toolbar-title){color:#f0f4f8!important}
body[data-hzn-tone="dark"] #settings button:not(.primary){background:#294052!important;color:#f0f4f8!important;border-color:#5a7188!important}
body[data-hzn-tone="dark"] #settings :is(button.text-button,a){color:#8fe1d4!important;background:transparent!important}
}

/* FINAL_AUDIT_R6_PHONICS_DARK: text labels retain the vowel colours. */
@media screen{
body[data-hzn-tone="dark"] .phonics-vowel-name.fatha{color:#f2a08e!important}
body[data-hzn-tone="dark"] .phonics-vowel-name.damma{color:#76d4c0!important}
body[data-hzn-tone="dark"] .phonics-vowel-name.kasra{color:#c3b0ff!important}
body[data-hzn-tone="dark"] .phonics-link{color:#c8d5e2!important}
body[data-hzn-tone="dark"] .blending2-colour-key .sukoon{color:#f0cc8c!important}
body[data-hzn-tone="dark"] .phonics-question-audio [role="status"]{color:#c8d5e2!important}
}

/* FINAL_AUDIT_R7_B2_SVG_DARK: preserve separate letter/vowel/coda roles. */
@media screen{body[data-hzn-tone="dark"] .blending2-study-card,body[data-hzn-tone="dark"] .blending2-choice{
--b2-ink:#f1f6fa;--b2-fatha:#f2a08e;--b2-damma:#76d4c0;--b2-kasra:#c3b0ff;--b2-coda:#7bdce6;--b2-sukoon:#f0cc8c;
}}