:root{--ink:#1f2937;--paper:#f8fafc;--teal:#0f766e;--blue:#2563eb;--line:#e2e8f0;--subject:#2563eb}
body{background:var(--paper);color:var(--ink)}
header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}header h1{color:var(--blue)}header p,header a{color:#475569}a{color:var(--blue)}
h2,#content>h2,#management h2{color:var(--subject)}h3{color:#243447}.small{color:#64748b}
section,.card,.card:nth-child(n),.quiz,details,.learning-hero,aside{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px #1f293705;padding:24px;margin-block:20px}
#workspace{border-top:1px solid var(--line)}#content section,#content .card,#content .quiz{border-inline-start:3px solid var(--subject)}
[data-subject=grammar],[data-subject=explain]{--subject:#2563eb}[data-subject=vocab],[data-subject=vocabulary]{--subject:#0f766e}[data-subject=reading],[data-subject=book]{--subject:#7355a4}[data-subject=listening],[data-subject=listen]{--subject:#087b9e}[data-subject=writing]{--subject:#23734c}[data-subject=ministerial]{--subject:#986000}
[data-channel=explain]{border-bottom-color:#2563eb!important}[data-channel=vocab]{border-bottom-color:#0f766e!important}[data-channel=book]{border-bottom-color:#7355a4!important}[data-channel=listen]{border-bottom-color:#087b9e!important}[data-channel=writing]{border-bottom-color:#23734c!important}[data-channel=ministerial]{border-bottom-color:#f59e0b!important}
#navigation{background:#f8fafc;border:0;gap:8px;padding:12px 0}#navigation button{border-bottom-width:3px}#navigation button[aria-current]{background:#eff6ff;color:#1d4ed8;border-color:#93b4f7}
button,.button,nav a,#account button,.quiz button:nth-of-type(n),.learning-actions button:nth-child(n){background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:12px;min-height:44px;padding:12px 18px;transition:background-color 180ms,border-color 180ms,box-shadow 180ms;filter:none}
button.primary,#begin,.buy,#demo-start,#paid,button[type=submit],.learning-actions button:first-child,.learning-actions button:nth-child(3),aside .button{background:var(--blue);color:white;border-color:var(--blue)}
@media(hover:hover){button:hover,.button:hover,nav a:hover,#account button:hover{background:#eff6ff;border-color:#93b4f7;filter:none}button.primary:hover,#begin:hover,.buy:hover,#demo-start:hover,#paid:hover,button[type=submit]:hover,.learning-actions button:first-child:hover,.learning-actions button:nth-child(3):hover,aside .button:hover{background:#1d4ed8;color:white}}
button:active,.button:active{box-shadow:inset 0 0 0 2px #2563eb55;background:#dbeafe}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.learning-actions,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.learning-actions button{margin:0;padding:20px}.learning-hero{border-inline-start:4px solid #0f766e}.learning-hero strong{color:#0f766e}.learning-hero progress,progress{height:8px;width:100%;accent-color:#0f766e;border:0;border-radius:99px;overflow:hidden;background:#e2e8f0}progress::-webkit-progress-bar{background:#e2e8f0}progress::-webkit-progress-value{background:#0f766e;border-radius:99px}progress::-moz-progress-bar{background:#0f766e}
summary,#book details>summary{background:#f8fafc;color:var(--subject);padding:12px 16px;border-radius:10px}.lesson-status{display:block;font-family:var(--dt-body);font-size:1rem;color:#64748b;margin-top:8px;font-weight:400}.quiz>p:first-child{color:var(--ink)}
.note,#book .note,#next .note{background:#fff;border:1px solid var(--line);border-inline-start:4px solid #f59e0b;color:var(--ink);border-radius:12px;padding:20px}.feedback:not(:empty){background:#f8fafc;color:#334155;border-color:#2563eb}.feedback[data-tone=success]{background:#f0fdfa;color:#0f766e;border-color:#0f766e}.feedback[data-tone=retry],.feedback[data-tone=hint]{background:#fffbeb;color:#854d0e;border-color:#f59e0b}
.badge,#unit-catalog a:first-child{background:#f0fdfa;color:#0f766e;border:1px solid #b4ddd6;border-radius:12px}#unit-catalog a:not(:first-child){background:#fffbeb;color:#854d0e;border-color:#f4d69b}#unit-catalog a{font-size:1rem}aside{max-width:820px;margin-inline:auto;border-inline-start:4px solid #2563eb}aside p{font-family:var(--dt-heading);font-size:1.375rem;font-weight:700;color:#243447}
th{background:#f8fafc}th,td{border-color:var(--line)}input,textarea,select{background:#fff;color:#1f2937;border-color:#cbd5e1}#notice:empty{display:none}#parents{border-top:3px solid #2563eb}#parents strong{color:#1d4ed8}#parents section{box-shadow:none}
@media(max-width:600px){section,.card,.card:nth-child(n),.quiz,details,.learning-hero,aside,#content section,#content .card{padding:18px;margin-block:16px}.learning-actions,.grid{grid-template-columns:1fr;gap:16px}main{padding:12px}#navigation{flex-wrap:nowrap}#unit-catalog{gap:8px}#unit-catalog a{padding:10px 12px}details details{padding:12px}}
@media(prefers-reduced-motion:reduce){button,.button,nav a{transition:none}}
@media print{section,.card,.quiz,details,aside{box-shadow:none;background:white}header{background:white;color:#1f2937}}
.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:32px;padding:32px;max-width:1100px;margin-inline:auto;border:1px solid #dbe5f3}.home-hero[hidden],.home-subjects[hidden]{display:none}.home-hero h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:20px 0;color:#243447}.home-hero h2 span{color:#2563eb}.home-hero p{max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:8px}.unit-emblem{margin:0;text-align:center;animation:emblem-arrive 850ms ease-out both}.unit-emblem img{display:block;width:100%;height:auto;border-radius:24px;aspect-ratio:1;object-fit:contain}.unit-emblem figcaption{font:700 17px var(--dt-heading);color:#0f766e;margin-top:8px}.home-subjects{padding:24px}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.subject-card{display:flex;align-items:flex-start;flex-direction:column;text-align:start;gap:8px;margin:0;padding:20px;min-width:0;border-top:3px solid #2563eb}.subject-card strong{font:700 21px var(--dt-heading);color:#2563eb}.subject-card>span:last-child{font:400 16px/1.7 var(--dt-body);color:#64748b}.subject-icon{font:700 22px var(--dt-heading);color:#2563eb}.subject-card[data-home-channel=vocab]{border-top-color:#0f766e}.subject-card[data-home-channel=vocab] strong,.subject-card[data-home-channel=vocab] .subject-icon{color:#0f766e}.subject-card[data-home-channel=reading]{border-top-color:#7355a4}.subject-card[data-home-channel=reading] strong{color:#7355a4}.subject-card[data-home-channel=listen]{border-top-color:#087b9e}.subject-card[data-home-channel=writing-channel]{border-top-color:#23734c}.subject-card[data-home-channel=ministerial]{border-top-color:#f59e0b}.subject-card[data-home-channel=ministerial] strong{color:#986000}@keyframes emblem-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{gap:20px;padding:24px}}@media(max-width:600px){.home-hero{grid-template-columns:1fr;padding:20px}.unit-emblem{width:180px;justify-self:center}.home-hero h2{font-size:30px}.subject-grid{grid-template-columns:1fr}.subject-card{display:grid;grid-template-columns:32px 1fr;column-gap:12px}.subject-card>span:last-child{grid-column:2}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions>*{text-align:center}.home-subjects{padding:18px}}@media(prefers-reduced-motion:reduce){.unit-emblem{animation:none}}@media print{.home-hero,.home-subjects{display:none}}
.arabic-help-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:820px;margin:12px auto;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.arabic-help-bar label{margin:0}.arabic-help-bar small{font-size:14px;color:#475569}.arabic-help-bar input{width:20px;height:20px;vertical-align:middle;accent-color:#2563eb}#content .arabic-term,.arabic-term{display:inline;background:#eff6ff;color:inherit;border-bottom:1px dotted #2563eb;border-radius:3px;padding:0 2px;cursor:pointer;box-decoration-break:clone;line-height:inherit;font:inherit}.arabic-term:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.arabic-help-panel{position:fixed;inset:auto 20px 20px auto;z-index:1000;width:min(420px,calc(100vw - 32px));max-height:55vh;overflow-y:auto;margin:0;padding:20px;background:#fff;color:#1f2937;border:1px solid #b8ccef;border-radius:16px;box-shadow:0 8px 32px #24344725;font-family:var(--dt-body);font-size:17px;line-height:1.75}.arabic-help-panel h2{font-family:var(--dt-heading);font-size:23px;margin-top:8px}.arabic-help-panel h3{font-size:20px;margin-top:8px}.arabic-help-panel p{margin-bottom:12px}.arabic-help-panel small{display:block;color:#64748b;font-size:14px}.arabic-help-panel .help-close{position:sticky;top:0;display:block;margin-inline-start:auto;background:#fff;min-height:44px}.arabic-help-panel input{width:100%;margin:12px 0}.arabic-help-panel button{max-width:100%;white-space:normal}.arabic-simple{border-inline-start:3px solid #0f766e!important;background:#fff!important}@media(max-width:600px){.arabic-help-panel{inset:auto 12px 12px;max-height:45vh;width:auto;padding:16px}.arabic-help-bar{padding:10px}}@media print{.arabic-help-bar,.arabic-help-panel{display:none}.arabic-term{background:none;border:0}}

.kahoot-final{border:2px solid #2563eb!important;border-block-start:5px solid #2563eb!important}.kahoot-final h3{color:#2563eb}.kahoot-card button:disabled{opacity:.65;cursor:not-allowed}

/* Focused Unit 1 lesson pages; original content and controls stay in place. */
body.lesson-view>header,body.lesson-view .home-hero,body.lesson-view main>aside,body.lesson-view .unit-menu,body.unit-index .home-hero{display:none!important}
body.lesson-view main{margin:0 auto;padding-top:0;max-width:1100px}
#lesson-topbar{position:sticky;top:0;z-index:30;background:#f8fafc;border-bottom:1px solid #dbe3ed;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 4px;margin-bottom:18px}
#lesson-topbar strong{flex:1;min-width:150px;color:#1f2937;font-family:Tajawal,sans-serif}
#lesson-bottom-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 0}
#lesson-topbar button,#lesson-bottom-nav button{min-height:44px}
#lesson-topbar button:first-child{color:#fff;background:#2563eb;border-color:#2563eb}
body.lesson-view #notice:not(:empty){position:relative;margin:0;padding:8px}
body.unit-index .unit-menu{margin:20px auto}#content[hidden],#tools[hidden],.arabic-help-bar[hidden]{display:none!important}
@media(max-width:600px){#lesson-topbar{gap:8px;padding:8px 0}#lesson-topbar strong{order:-1;flex-basis:100%;font-size:18px}#lesson-topbar button{font-size:16px}body.lesson-view main{padding-inline:12px}}

/* Study-first homepage: existing lessons, tools, then promotional sections. */
#notice:empty{display:none}
body:not(.lesson-view) #workspace{padding:0;border:0;background:transparent;box-shadow:none;margin-top:0}
body:not(.lesson-view) .unit-menu{margin:0;padding:20px;border-color:#cbdcf5}
.unit-menu>summary{font-size:1.375rem;color:var(--blue);margin-bottom:18px}
#navigation{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;background:transparent;border:0;padding:0}
#navigation button{margin:0;min-height:84px;white-space:normal;text-align:start;background:#fff;border:1px solid #dbe5f3;border-inline-start:3px solid #2563eb;border-radius:14px;padding:16px;box-shadow:0 2px 8px #1f293705}
#navigation button:first-child{background:#eff6ff;border-color:#93b4f7;color:#1d4ed8}
#navigation button[data-channel=vocab]{border-inline-start-color:#0f766e}
#navigation button[data-channel=reading]{border-inline-start-color:#7355a4}
#navigation button[data-channel=listen]{border-inline-start-color:#087b9e}
#navigation button[data-channel=writing-channel]{border-inline-start-color:#23734c}
#navigation button[data-channel=ministerial]{border-inline-start-color:#f59e0b}
#student-tools{padding:16px 20px;background:transparent;box-shadow:none}
#student-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#account small{flex-basis:100%;color:#64748b}
#premium-units{margin-top:24px}#unit-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#premium-units #unit-catalog a{background:#fffbeb;color:#854d0e;border:1px solid #f4d69b;text-align:center}
body.lesson-view #student-tools,body.lesson-view #premium-units{display:none}
@media(max-width:900px){#navigation,#unit-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#navigation{grid-template-columns:1fr;gap:10px}#navigation button{min-height:60px;padding:14px 16px}.unit-menu>summary{font-size:1.2rem}body:not(.lesson-view) .unit-menu{padding:16px}#student-tools{padding:16px}#unit-catalog{grid-template-columns:1fr}}

/* Classroom board identity, retaining the existing palette and content. */
header .book-title{font-family:var(--dt-heading);font-weight:700;font-size:1.25rem;margin:4px 0}
header .book-subtitle{font-size:1rem;margin:4px 0;color:#64748b;text-align:right}
header h1{margin:0 0 8px}header>p:last-child{margin-bottom:0}
#navigation button{display:flex;align-items:center;gap:12px}
.lesson-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:10px;background:#eff6ff;color:#2563eb;font:700 18px var(--dt-heading)}
#navigation [data-lesson=vocab] .lesson-icon{background:#f0fdfa;color:#0f766e}
#navigation [data-lesson=ministerial] .lesson-icon{background:#fffbeb;color:#986000}
#navigation [data-lesson=literature] .lesson-icon{background:#f5f3ff;color:#7355a4}
#student-tools .button,#student-tools button{font-size:1rem;background:#fff;color:#475569}
#premium-units h2{font-size:1.25rem}#premium-units .button{min-height:44px;font-size:1rem}

/* Distinct soft colors for every Unit 1 study card. */
#navigation button[data-lesson="study-guide"]{--card-bg:#E0F2FE;--card-border:#38BDF8}
#navigation button[data-lesson="start"]{--card-bg:#FFEDD5;--card-border:#FB923C}
#navigation button[data-lesson="explain"]{--card-bg:#EDE9FE;--card-border:#8B5CF6}
#navigation button[data-lesson="vocab"]{--card-bg:#DCFCE7;--card-border:#22C55E}
#navigation button[data-lesson="reading"]{--card-bg:#FCE7F3;--card-border:#F472B6}
#navigation button[data-lesson="listen"]{--card-bg:#FEF3C7;--card-border:#F59E0B}
#navigation button[data-lesson="writing-channel"]{--card-bg:#CFFAFE;--card-border:#06B6D4}
#navigation button[data-lesson="book"]{--card-bg:#F3E8FF;--card-border:#A855F7}
#navigation button[data-lesson="test"]{--card-bg:#DBEAFE;--card-border:#3B82F6}
#navigation button[data-lesson="ministerial"]{--card-bg:#DCFCE7;--card-border:#16A34A}
#navigation button[data-lesson="literature"]{--card-bg:#FAE8D4;--card-border:#D97706}
#navigation button[data-lesson="kahoot"]{--card-bg:#F5D0FE;--card-border:#9333EA}
#navigation button[data-lesson="next"]{--card-bg:#DCFCE7;--card-border:#22C55E}
#navigation button[data-lesson="map"]{--card-bg:#E0F2FE;--card-border:#0EA5E9}
#navigation button[data-lesson]{background:var(--card-bg,#E0F2FE);border:1px solid var(--card-border,#38BDF8);border-inline-start-width:3px;color:#1F2937;border-radius:16px;padding:18px;min-height:92px;box-shadow:0 2px 6px #1f293708;transition:transform 180ms ease,box-shadow 180ms ease}
#navigation button[data-lesson] .lesson-icon{background:var(--card-bg);background:color-mix(in srgb,var(--card-border) 24%,var(--card-bg));color:#243447;border:1px solid var(--card-border);width:42px;height:42px;flex-basis:42px;border-radius:12px}
#navigation button[data-lesson][aria-current]{background:var(--card-bg);color:#1F2937;box-shadow:inset 0 0 0 1px var(--card-border)}
#navigation button[data-lesson]:focus-visible{outline:3px solid #1E3A8A;outline-offset:3px}
@media(hover:hover){#navigation button[data-lesson]:hover{background:var(--card-bg);border-color:var(--card-border);color:#1F2937;transform:translateY(-2px);box-shadow:0 5px 12px #1f293714}}
#navigation button[data-lesson]:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px var(--card-border)}
@media(max-width:600px){#navigation button[data-lesson]{min-height:72px;padding:16px}}
@media(prefers-reduced-motion:reduce){#navigation button[data-lesson]{transition:none}#navigation button[data-lesson]:hover,#navigation button[data-lesson]:active{transform:none}}

/* Secondary student tools: compact companion palette. */
#student-tools [data-student-tool=parents]{--tool-bg:#EFF6FF;--tool-border:#60A5FA;--tool-icon:#2563EB;order:1}
#student-tools [data-student-tool=whatsapp]{--tool-bg:#ECFDF5;--tool-border:#34D399;--tool-icon:#16A34A;order:2}
#student-tools [data-student-tool=progress]{--tool-bg:#F1F5F9;--tool-border:#94A3B8;--tool-icon:#334155;order:3}
#student-tools [data-student-tool=install]{--tool-bg:#F5F3FF;--tool-border:#A78BFA;--tool-icon:#7C3AED;order:4}
#student-tools [data-student-tool=help]{--tool-bg:#FFFBEB;--tool-border:#FBBF24;--tool-icon:#D97706;order:5}
body.reader-student #student-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.reader-student #student-tools #account,body.reader-student #student-links{display:contents}
body.reader-student #account>span,body.reader-student #account>small{flex-basis:100%;order:6;color:#1F2937}
body.reader-student #student-tools button,body.reader-student #student-tools a{order:7}
#student-tools #account [data-student-tool],#student-tools #student-links [data-student-tool]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 14px;margin:0;background:var(--tool-bg);border:1px solid var(--tool-border);border-radius:15px;color:#1F2937;font-size:1rem;line-height:1.5;box-shadow:0 2px 5px #1f293707;transition:transform 180ms ease,box-shadow 180ms ease;order:var(--tool-order)}
#student-tools [data-student-tool=parents]{--tool-order:1}#student-tools [data-student-tool=whatsapp]{--tool-order:2}#student-tools [data-student-tool=progress]{--tool-order:3}#student-tools [data-student-tool=install]{--tool-order:4}#student-tools [data-student-tool=help]{--tool-order:5}
.student-tool-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;height:26px;border-radius:8px;background:#ffffffa6;color:var(--tool-icon);font-weight:700;font-size:20px}
#student-tools [data-student-tool][hidden]{display:none!important}
@media(hover:hover){#student-tools #account [data-student-tool]:hover,#student-tools #student-links [data-student-tool]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1f293712}}
#student-tools [data-student-tool]:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px var(--tool-border)}
#student-tools [data-student-tool]:focus-visible{outline:3px solid #1E3A8A;outline-offset:3px}
@media(max-width:600px){#student-tools [data-student-tool]{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){#student-tools [data-student-tool]{transition:none!important;transform:none!important}}

body.reader-student.lesson-view #student-tools{display:none}

/* Shared Digital Tutor design tokens and component finish. */
:root{--dt-primary:#2563EB;--dt-primary-dark:#1E3A8A;--dt-text:#1F2937;--dt-muted:#64748B;--dt-background:#F8FAFC;--dt-surface:#FFFFFF;--dt-border:#E2E8F0;--dt-teal:#14B8A6;--dt-green:#22C55E;--dt-orange:#F59E0B;--dt-purple:#8B5CF6;--dt-pink:#F472B6;--dt-sky:#38BDF8;--dt-shadow:0 2px 8px rgba(15,23,42,.06);--ink:var(--dt-text);--paper:var(--dt-background);--blue:var(--dt-primary);--line:var(--dt-border)}
body{background:var(--dt-background);color:var(--dt-text)}
header h1,.home-hero h2{font-family:var(--dt-heading);font-weight:800;color:var(--dt-primary-dark)}
h2,h3,h4,#content>h2,#management h2,.unit-menu>summary{font-family:var(--dt-heading);font-weight:700;color:var(--dt-text)}
#content{font-family:var(--dt-body);color:var(--dt-text)}
.small,.book-subtitle,.lesson-status,figcaption{color:var(--dt-muted)}
section,.card,.card:nth-child(n),.quiz,details,.learning-hero,aside{box-shadow:var(--dt-shadow);border-radius:16px}
button,.button{border-radius:14px;transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
a{color:var(--dt-primary)}
#navigation button[data-lesson],#student-tools #account [data-student-tool],#student-tools #student-links [data-student-tool]{box-shadow:var(--dt-shadow)}
#navigation button[data-lesson] .lesson-icon{color:var(--card-icon,var(--dt-primary))}
#navigation button[data-lesson=literature]{--card-bg:#FEF3C7}
.badge{background:#DCFCE7;border:1px solid #22C55E;color:#166534;border-radius:12px}
progress{accent-color:var(--dt-primary);background:var(--dt-border)}
progress::-webkit-progress-value{background:var(--dt-primary)}progress::-moz-progress-bar{background:var(--dt-primary)}
progress[value="100"]{accent-color:#16A34A}
.lesson-status{background:#F1F5F9;color:#475569;border:1px solid var(--dt-border);border-radius:12px;padding:8px 12px;width:fit-content}
.lesson-status[data-state=progress]{background:#DBEAFE;color:#1E40AF;border-color:#93C5FD}
.lesson-status[data-state=completed]{background:#DCFCE7;color:#166534;border-color:#86EFAC}
#premium-units #unit-catalog a{background:#F5F3FF;border-color:#DDD6FE;color:var(--dt-text);box-shadow:var(--dt-shadow);border-radius:14px}
#premium-units #unit-catalog a:nth-child(3n+2){background:#EFF6FF;border-color:#BFDBFE}
#premium-units #unit-catalog a:nth-child(3n){background:#F0FDFA;border-color:#99F6E4}
.premium-lock{color:var(--dt-muted);margin-inline-end:8px;font-size:14px}
@media(prefers-reduced-motion:reduce){button,.button{transition:none!important}}
#navigation button[data-lesson="study-guide"]{--card-icon:#0284C7}
#navigation button[data-lesson="start"]{--card-icon:#EA580C}
#navigation button[data-lesson="explain"]{--card-icon:#7C3AED}
#navigation button[data-lesson="vocab"]{--card-icon:#16A34A}
#navigation button[data-lesson="reading"]{--card-icon:#DB2777}
#navigation button[data-lesson="listen"]{--card-icon:#D97706}
#navigation button[data-lesson="writing-channel"]{--card-icon:#0891B2}
#navigation button[data-lesson="book"]{--card-icon:#9333EA}
#navigation button[data-lesson="test"]{--card-icon:#2563EB}
#navigation button[data-lesson="ministerial"]{--card-icon:#15803D}
#navigation button[data-lesson="literature"]{--card-icon:#B45309}
#navigation button[data-lesson="kahoot"]{--card-icon:#7E22CE}
#navigation button[data-lesson="next"]{--card-icon:#16A34A}
#navigation button[data-lesson="map"]{--card-icon:#0284C7}

/* Strong reading contrast for Arabic explanations and English examples. */
:root{--dt-text:#1F2937;--dt-muted:#475569;--dt-primary-dark:#0F172A;--dt-reading:1.125rem}
body,input,select,textarea{font-weight:500;color:#1F2937}
header h1,.home-hero h2,h1,h2,#content>h2,#management h2{color:#0F172A;font-weight:800}
h3,h4,h5,h6{font-weight:600;color:#0F172A}
#content,#lessons,#demo,#parents,#preview,.arabic-help-panel{color:#1F2937;font-weight:500}
#content :is(p,li,td,dd,blockquote,.note),#lessons p,#demo p,#parents p,#preview p,.arabic-help-panel p{font-size:var(--dt-reading);font-weight:500;line-height:1.7;color:#1F2937}
#content :is([lang=en],.en),#lessons [lang=en],#demo [lang=en],.arabic-help-panel [lang=en]{color:#111827;line-height:1.6;font-weight:500}
.small,.note,.feedback,#content .small,#content .note,#account small,.book-subtitle,.arabic-help-bar small{color:#475569;opacity:1}
#content :is(code,pre,.grammar-formula),#lessons :is(code,pre,.grammar-formula){background:#EFF6FF;color:#1E3A8A;border:1px solid #BFDBFE;border-radius:10px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--dt-reading);line-height:1.6;font-weight:500}
#content .arabic-term,#lessons .arabic-term,#demo .arabic-term{background:#EFF6FF;color:#1E3A8A;border:1px solid #93C5FD;border-radius:5px;font-weight:500;opacity:1}
#content button[data-tts],.arabic-help-panel button{background:#EFF6FF;color:#1E3A8A;border:1px solid #93C5FD;font-weight:700;font-size:1.0625rem;opacity:1}
@media(min-width:601px) and (max-width:1023px){:root{--dt-reading:1.0625rem}}
@media(max-width:600px){:root{--dt-reading:1.03125rem}#content table,#content td,#lessons p{font-size:var(--dt-reading)}}

#offline-status{flex-basis:100%;order:8;font-size:1rem;color:#475569}#offline-nav{position:sticky;top:0;z-index:40;background:#F8FAFC;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}#offline-nav strong{flex-basis:100%}

/* Payment receiving number: prominent, selectable and separate from instructions. */
.transfer-account-card{background:#EFF6FF;border:2px solid #60A5FA;border-radius:16px;padding:20px;margin:20px 0;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.transfer-account-card h3{color:#1E3A8A;margin:0 0 12px}
.transfer-account-card input[readonly]{display:block;width:100%;box-sizing:border-box;text-align:center;background:#fff;color:#0F172A;font-size:clamp(20px,4vw,28px);font-weight:700;padding:14px 8px;border:1px solid #93C5FD;border-radius:12px;user-select:text;direction:ltr}
.transfer-account-card button{background:#2563EB;color:#fff;min-height:44px;border-radius:12px;margin-top:12px;padding:10px 20px}
.transfer-account-card p{color:#1F2937;font-weight:500}
/* Owner-requested public payment notices at both ends of Unit 1 overview. */
.unit-purchase-notice{background:#EFF6FF;border:2px solid #60A5FA;border-inline-start:6px solid #2563EB;border-radius:16px;padding:20px;margin:16px 0;color:#1F2937;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.unit-purchase-notice h2{color:#1E3A8A;margin:0 0 8px;font-size:22px}.unit-purchase-notice>strong{display:block;color:#0F766E;font-size:22px}.purchase-details{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0}.purchase-details>div{flex:1 1 240px;background:#fff;border:1px solid #BFDBFE;padding:14px;border-radius:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.purchase-details bdi,.purchase-details a{font-size:24px;font-weight:700;color:#1E3A8A;user-select:text}.purchase-details span:first-child{width:100%}.purchase-details button{min-height:44px;background:#DCFCE7;color:#14532D;border:1px solid #22C55E;border-radius:12px}.unit-purchase-notice .button{background:#2563EB;color:#fff;border-radius:12px}.lesson-view .unit-purchase-notice{display:none}@media(max-width:600px){.unit-purchase-notice{padding:16px}.purchase-details{gap:10px}.purchase-details bdi,.purchase-details a{font-size:22px}}