:root{--ink:#302640;--purple:#674591;--accent:#674591;--tint:#f1edfa;--muted:#797280;--line:#e8e4ed}*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e2ac35;outline-offset:4px}header{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.brand small{display:block;font:9px Arial;letter-spacing:2px;color:var(--muted);margin-top:3px}.logo{background:#49316c;color:white;display:flex;align-items:center;padding:0 11px;height:44px;border-radius:13px;font:bold 29px Georgia;direction:ltr}.logo span{color:#eac565;font-size:20px;margin:0 2px}.home-link{font-size:13px;color:#6f637b}.home-link span{margin-right:10px}main{max-width:1120px;margin:0 auto;padding:0 25px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:430px;align-items:center;gap:50px;padding:40px 20px}.eyebrow{color:#8b719f;font-size:11px;font-weight:bold;letter-spacing:1.2px}h1{font-size:43px;line-height:1.65;letter-spacing:-1.6px;margin:16px 0}h1 span{color:#80639b}p{color:var(--muted)}.hero p{font-size:16px;line-height:2}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;background:var(--accent);color:white;padding:12px 25px;border-radius:10px;font-weight:bold;font-size:14px}.primary:hover{filter:brightness(1.1)}.hero-notes{display:flex;gap:18px;font-size:11px;margin-top:23px;color:#8a818f}.art{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px;background:radial-gradient(ellipse,#efe7f5 0,transparent 67%)}.book{z-index:2;transform:rotate(-9deg);width:210px;height:275px;border-radius:9px 18px 18px 9px;background:#66438a;color:#fff;box-shadow:9px 9px 0 #e8daf0,14px 16px 0 #d0bfdc,20px 25px 35px #4b2b6630;border-left:12px solid #50316e;padding:25px;text-align:left;direction:ltr}.book-top,.book-bottom{font:8px Arial;letter-spacing:1.2px;color:#e8d8f2}.book strong{display:block;font:bold 53px/1.15 Georgia;margin:24px 0}.book em{color:#f0c96c;font-style:normal}.book-bottom{margin-top:25px}.float{position:absolute;z-index:3;background:white;box-shadow:0 10px 30px #48335315;padding:10px 15px;border:1px solid #eee9f1;border-radius:13px;font:bold 26px Georgia;color:#c39930}.float span{display:block;font:10px Tahoma;color:#807387}.f1{top:27px;right:0;transform:rotate(6deg)}.f2{bottom:20px;left:5px;transform:rotate(6deg);color:#3b9b7e;display:flex;gap:8px;align-items:center}.f2 span{font:bold 13px Georgia}.spark{position:absolute;font-size:30px;color:#dfb14c}.s1{left:25px;top:26px}.s2{right:35px;bottom:20px}.progress-strip{display:flex;justify-content:space-between;align-items:center;background:#f1edf5;border:1px solid #e7dfed;border-radius:14px;padding:17px 24px;margin:10px 0 40px}.progress-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.progress-icon{grid-row:1/3;background:white;color:#8c6daf;border-radius:10px;padding:7px 14px;font-size:25px}.progress-strip strong{font-size:13px}.progress-strip small{font-size:11px;color:var(--muted)}.progress-end{min-width:180px}.progress-end b{font-size:18px}.progress-end b span{font-size:11px;font-weight:normal;color:var(--muted)}.track{height:5px;border-radius:8px;background:#e1d9e9;overflow:hidden;margin-top:7px}.track i{height:100%;display:block;background:var(--accent);border-radius:8px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{margin:4px 0;font-size:25px}.section-title>span{font-size:12px;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.unit-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px 20px;transition:transform .2s,box-shadow .2s;border-top:4px solid var(--accent)}.unit-card:hover{transform:translateY(-5px);box-shadow:0 15px 24px #3421420c}.card-top{display:flex;align-items:center;justify-content:space-between}.emoji{font-size:29px;background:var(--tint);border-radius:13px;padding:4px 11px}.unit-number{font:10px Arial;letter-spacing:1px;color:#9b929f}.unit-card h3{text-align:right;font:bold 21px Georgia;margin:21px 0 0}.ar-title{font-size:12px;color:#8d8394;margin-bottom:18px}.card-rule{font-size:13px;font-weight:bold;color:var(--accent)}.unit-card p{text-align:right;font:11px/1.6 Arial;min-height:35px;margin:7px 0 20px}.card-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b8093}.arrow{background:var(--tint);color:var(--accent);padding:1px 9px;border-radius:50%;font-size:18px}.how{display:flex;align-items:center;justify-content:center;gap:25px;padding:35px 0;font-size:12px;color:#8c8098}.how b{color:#665175;margin-left:10px}footer{border-top:1px solid var(--line);max-width:1120px;margin:10px auto 0;padding:24px;display:flex;justify-content:space-between;color:#8c8493;font-size:11px}footer span{font-size:10px}.crumb{margin:25px 0;color:#908398;font-size:12px}.crumb a{color:#624283}.unit-hero{background:var(--tint);border:1px solid var(--line);padding:30px 38px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px}.unit-hero h1{font-size:32px;margin:9px 0;color:var(--accent)}.unit-hero p{max-width:660px;margin:8px 0 17px}.tag{display:inline-block;font:12px Arial;color:var(--accent);background:#ffffffb3;padding:8px 13px;border-radius:20px}.unit-icon{font-size:70px;padding:12px}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin:25px 0;scroll-margin-top:15px}.tabs button{border:0;background:none;color:#8c8394;padding:14px 24px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:bold}.tabs span{margin:0 8px}.tabs small{background:var(--tint);border-radius:20px;padding:3px 10px;font-size:10px}.lesson-layout{display:grid;grid-template-columns:1fr 250px;gap:30px}.lesson{display:flex;gap:18px;padding:26px;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:18px}.lesson-num{color:var(--accent);font:bold 17px Georgia;padding-top:5px}.lesson h2{font-size:20px;margin:0}.lesson p{font-size:14px}.example{padding:17px 20px;background:var(--tint);border-left:3px solid var(--accent);border-radius:7px;font:16px/1.8 Arial;color:var(--accent)}.note{line-height:2}.lesson-cta{padding:22px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;background:var(--tint);gap:20px}.lesson-cta h2{font-size:18px;margin:0}.lesson-cta p{font-size:12px;margin-bottom:0}aside{border:1px solid var(--line);padding:24px;background:white;border-radius:15px;align-self:start;position:sticky;top:25px;font-size:12px}aside h3{font-size:20px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.tip{background:var(--tint);padding:15px;border-radius:9px;margin:20px 0;color:var(--accent)}.secondary{display:inline-block;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 16px;color:var(--accent);font-size:13px}.quiz-head{display:flex;align-items:center;justify-content:space-between}.quiz-head h2{margin:0}.quiz-head p{font-size:13px}.quiz-head>b{direction:ltr;color:var(--accent);font-size:23px;white-space:nowrap}.quiz-track{margin:5px 0 25px}.questions{max-width:820px;margin:auto}.question{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin:18px 0}.q-label{font-size:11px;color:#94859d;display:flex;justify-content:space-between}.q-label span{color:var(--accent)}.question h3{font-size:18px;font-weight:500;line-height:1.8;margin:17px 0}.options{display:flex;flex-wrap:wrap;gap:10px}.option{display:flex;align-items:center;gap:12px;flex:1 1 190px;border:1px solid var(--line);padding:12px 16px;border-radius:9px;background:white;color:var(--ink);text-align:start;font-size:14px}.choice{font:11px Arial;border:1px solid var(--line);border-radius:5px;padding:3px 5px}.option.selected{border-color:var(--accent);background:var(--tint)}.option.correct{border-color:#3a9a78;background:#ecf9f2}.option.wrong{border-color:#cd726c;background:#fff0ef}.check{border:0;background:var(--accent);color:white;padding:8px 18px;border-radius:8px;margin-top:18px;font-size:12px}.check:disabled{background:#eeeaf1;color:#a99fb0}.feedback{padding:14px 18px;margin-top:18px;border-radius:9px;font-size:13px}.feedback p{margin:4px 0 0;color:inherit}.good{background:#edf8f2;color:#337d61}.bad{background:#fff4e6;color:#9c6b35}.quiz-note{text-align:center;font-size:13px}.result{text-align:center;padding:30px;background:var(--tint);border-radius:18px;margin:30px auto;max-width:820px}.result-icon{font-size:40px}.result h2{font-size:24px}.score{font-size:55px;color:var(--accent);font-weight:bold;direction:ltr}.score small{font-size:23px;font-weight:normal}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media(max-width:900px){.unit-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:10px;padding:25px 0}h1{font-size:33px}.art{transform:scale(.85)}.lesson-layout{grid-template-columns:1fr}aside{position:static}.how{gap:14px}footer{gap:20px}}@media(max-width:600px){header{padding:17px 20px}.brand{font-size:15px}.home-link{font-size:11px}main{padding:0 18px}.hero{grid-template-columns:1fr;text-align:center;padding:30px 0 15px}.hero h1{font-size:33px;margin:12px 0}.hero p{font-size:14px}.hero-notes{justify-content:center;gap:13px}.art{min-height:290px;max-width:330px;margin:auto;width:100%;transform:scale(.85);margin-top:-15px;margin-bottom:-15px}.progress-strip{padding:14px;gap:15px;margin-bottom:28px}.progress-icon{display:none}.progress-strip>div:first-child{display:block}.progress-strip strong{font-size:12px;display:block}.progress-strip small{font-size:10px}.progress-end{min-width:90px}.unit-grid{gap:12px}.unit-card{padding:17px 13px}.unit-card h3{font-size:19px}.card-rule{font-size:12px}.unit-number{font-size:9px}.emoji{font-size:25px;padding:2px 8px}.section-title>span{font-size:10px}.section-title h2{font-size:23px}.how{flex-wrap:wrap;font-size:10px;gap:10px}.how b{width:100%;text-align:center}footer{display:block;text-align:center}footer span{display:block;margin-top:7px}.unit-hero{padding:23px;gap:8px}.unit-hero h1{font-size:25px}.unit-hero p{font-size:13px}.unit-icon{font-size:35px;padding:0}.eyebrow{font-size:10px}.tabs button{padding:12px 8px;font-size:12px;flex:1}.tabs small{font-size:9px;padding:2px 6px}.lesson{padding:20px 16px;gap:10px}.lesson h2{font-size:18px}.lesson p{font-size:13px}.example{font-size:14px;padding:14px}.lesson-cta{display:block}.lesson-cta button{margin-top:17px}.quiz-head h2{font-size:22px}.question{padding:19px}.question h3{font-size:16px}.option{flex-basis:100%}.result h2{font-size:20px}.quiz-head p{max-width:280px;font-size:12px}.primary{font-size:13px}}
/* English-first welcome, with Arabic translations directly beneath. */
.en-line,.ar-line{display:block}.en-line{font-family:Arial,sans-serif}.ar-line{font-family:Tahoma,Arial,sans-serif;font-size:.8em;font-weight:normal;letter-spacing:0;line-height:1.9;margin-top:4px}.hero-copy{text-align:start}.hero h1{font-family:Georgia,serif;font-size:43px;line-height:1.22;letter-spacing:-1.2px;text-align:right;margin:17px 0 8px}.hero-translation{font-size:18px;color:#80639b;margin-bottom:18px}.intro-pair .en-line{font-size:16px;line-height:1.7}.intro-pair .ar-line{font-size:13px;line-height:2}.hero .primary{text-align:center;display:inline-block;padding:10px 25px}.hero .primary .ar-line{color:#eee3fa;margin-top:0}.hero-notes{gap:17px;line-height:1.5}.hero-notes .en-line{font-size:10px}.hero-notes .ar-line{font-size:10px}.book{height:300px;padding:23px}.book strong{margin:20px 0}.book-bottom{margin-top:17px;font-size:7px;letter-spacing:1px}.channel{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff35;color:#fff;font:bold 14px Arial;white-space:nowrap}.channel svg{width:23px;height:23px;flex-shrink:0}.f1{top:8px;right:-8px}.f1 span+span{margin-top:5px}.f2 span+span{font:10px Tahoma;margin-top:4px}.progress-end>.ar-line{font-size:10px;color:#797280}.unit-card .card-rule{min-height:73px;font-size:13px;line-height:1.5;margin-bottom:16px}.unit-card .card-rule .ar-line{margin-top:7px;font-size:12px}.unit-number{text-align:center}.unit-number .ar-line{font-size:9px}.section-title h2 .ar-line{font-size:16px;color:#8b719f}.how{text-align:center}.home-link{text-align:center}.home-link>span{margin-right:0}.home-link .ar-line{font-size:10px}.hero .eyebrow .ar-line{font-size:10px}.brand small{letter-spacing:0;line-height:1.8}@media(max-width:600px){.hero-copy{text-align:center}.hero h1{text-align:center;font-size:35px}.hero-translation{font-size:15px}.hero-notes{gap:14px}.hero-notes .en-line{font-size:9px}.intro-pair .en-line{font-size:15px}.art{min-height:340px;margin-top:0}.unit-card .card-rule{min-height:86px;font-size:12px}.unit-card .card-rule .ar-line{font-size:11px}.progress-strip strong{font-size:12px}.section-title>span{max-width:120px;text-align:center}.brand{font-size:14px}.book{flex-shrink:0}.f1{right:-2px}.section-title h2{font-size:22px}.how{column-gap:8px}.how>.en-line{font-size:10px}footer .ar-line{font-size:9px}}

/* Soft lavender, sky blue, mint and peach page palette. */
body{background-color:#f3effc;background-image:radial-gradient(ellipse at 95% 0%,#e1d3fa 0,transparent 42%),radial-gradient(ellipse at 0% 22%,#d4eefb 0,transparent 40%),radial-gradient(ellipse at 85% 65%,#dff4ea 0,transparent 42%),linear-gradient(155deg,#f8f2ff 0%,#eef7ff 48%,#fff1e7 100%);background-attachment:fixed}
header{background:#ffffff94;border-bottom-color:#d8cce8;border-radius:0 0 22px 22px}.hero{margin-top:22px;margin-bottom:24px;border-radius:26px;padding:36px 30px;background:linear-gradient(125deg,#f8e6f7b3,#ede2ffa6 50%,#dff2ffb3);border:1px solid #ffffffb3;box-shadow:0 12px 35px #6c47900a}.hero h1{font-size:39px;color:#523375;letter-spacing:-1px;line-height:1.3}.hero-translation{color:#75528e}.progress-strip{background:linear-gradient(100deg,#ede2fc,#e3f1fc);border-color:#d8cbe9}.unit-card{background:#ffffffed;box-shadow:0 7px 22px #52427109}.how{margin-top:26px;padding:24px 18px;background:#ffffff80;border:1px solid #ffffffc9;border-radius:18px}footer{background:#ffffff65;border-radius:20px 20px 0 0;margin-top:30px;border-color:#e0d6e9}.art{background:radial-gradient(ellipse,#d6c2ee65,transparent 70%)}.unit-hero{box-shadow:0 12px 25px #54446e08}.brand>.en-line{white-space:normal}@media(max-width:600px){.hero{padding:27px 18px 14px;margin-top:18px;gap:12px}.hero h1{font-size:31px;letter-spacing:-.7px;overflow-wrap:normal}.hero-translation{font-size:16px}.hero-notes{flex-wrap:wrap;gap:12px}.hero .art{max-width:100%}.brand{font-size:12px;gap:8px}.brand small{font-size:8px}header{padding:17px 15px}.home-link{font-size:10px}.how{padding:20px 10px}}

/* Paired headings across all four grammar units. */
.unit-hero h1 .en-line{font-size:.85em;line-height:1.35}.unit-hero h1 .ar-line{font-size:.65em;margin-top:10px;color:var(--accent)}.lesson h2 .en-line{line-height:1.5;font-weight:700}.lesson h2 .ar-line{font-size:.85em;margin-top:6px;color:#6d5b7b}.lesson>div{min-width:0;flex:1}.tabs button{display:flex;align-items:center;justify-content:center;gap:7px}.tabs .tab-label{margin:0 4px}.tabs .tab-label .en-line{margin:0;font-size:13px;line-height:1.4}.tabs .tab-label .ar-line{margin:4px 0 0;font-size:11px}.quiz-head h2 .ar-line,.lesson-cta h2 .ar-line{font-size:.7em;color:#796a88}.result h2 .en-line{line-height:1.5}.result h2 .ar-line{font-size:.7em}@media(max-width:600px){.lesson h2 .en-line{font-size:17px}.lesson h2 .ar-line{font-size:15px}.tabs button{gap:3px;flex-wrap:wrap;padding:12px 5px}.tabs .tab-label .en-line{font-size:11px}.tabs .tab-label .ar-line{font-size:10px}.unit-hero h1 .en-line{font-size:22px}.unit-hero h1 .ar-line{font-size:18px}.quiz-head h2 .en-line{font-size:20px}}

/* EnglishHessah signature palette: golden yellow and deep purple. */
:root{--ink:#352246;--purple:#674591;--line:#e6d9ef}
body{background-color:#faf3ff;background-image:radial-gradient(ellipse at 100% 0%,#eed27a80 0,transparent 44%),radial-gradient(ellipse at 0% 30%,#d7bce780 0,transparent 48%),linear-gradient(150deg,#fff7d9 0%,#f0e4fb 50%,#fff0ba 100%)}
header{background:#fffaf0b3;border-bottom-color:#decbeb}.logo{background:#59327c}.logo span{color:#ffda68}
.hero{background:linear-gradient(120deg,#fff0bce6 0%,#f9edffcc 48%,#e6d1f5e0 100%);border:1px solid #fff9e7;box-shadow:0 15px 40px #734d8e0b}.hero h1{color:#543074}.hero-translation{color:#77528f}.hero .primary{background:#674091;color:#fff8e3;box-shadow:0 6px 16px #673c9220}.hero .primary:hover{background:#563477}.hero .eyebrow{color:#806039}
.art{background:radial-gradient(ellipse,#efd26b70 0,transparent 70%)}.spark{color:#b8831f}.book{width:235px;height:318px;background:linear-gradient(145deg,#754ba0,#4b286c);border-left:12px solid #402157;box-shadow:9px 9px 0 #ffe5a0,14px 16px 0 #bc95d6,20px 25px 35px #4b2b6626;padding:23px}.book strong{font-size:55px;margin:18px 0}.book em{color:#ffda68}.book-top{color:#f5e4ff}.book-bottom{color:#ffe5a1}.channel{background:#ffdb73;border:1px solid #ffe9ab;border-radius:9px;padding:10px 9px;margin-top:16px;gap:8px;box-shadow:0 5px 14px #2e124b22;font:bold 17px Arial;color:#492665}.channel svg{width:27px;height:27px;flex-shrink:0}.channel span{display:block}.channel small{display:block;font:7px Arial;letter-spacing:1.5px;color:#78552a;margin-bottom:5px}.float{background:#fffaf0;border-color:#e8d5f1;color:#8e6618}.f1{right:-12px;top:2px}.f2{color:#68418c}.f2 span{color:#704592}
.progress-strip{background:linear-gradient(110deg,#fff2bf,#eee1fb);border-color:#e0cee9}.progress-icon{color:#80559a;background:#fffae5}.progress-strip .track{background:#e1cfee}.progress-strip .track i{background:#744b9a}.unit-card{background:#fffcf5ed;border-color:#e3d4e9}.unit-card:hover{box-shadow:0 15px 25px #7e5a9414}.unit-card .arrow{border:1px solid #e8d6b3}.how{background:#fff6d2a3;border-color:#f5e5b6}.how b{color:#68418c}footer{background:#fff8e6a6;border-color:#e5d2e9}.lesson,.question,aside{background:#fffefa}.example{border-left-color:var(--accent)}.result{border:1px solid #e4cfed}.lesson-cta{border:1px solid #e4cfed}
@media(max-width:600px){.book{width:225px;height:312px;padding:22px}.book strong{font-size:53px}.channel{font-size:16px;padding:9px 8px}.channel small{font-size:7px;letter-spacing:1.3px}.f1{right:-3px;top:0}.art{min-height:355px}.hero .art{transform:scale(.86)}.hero{padding-bottom:10px}}

/* Channel signature in the requested gap below the three features. */
.hero-channel{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:22px auto 2px;padding:9px 20px;border:1px solid #e6c86e;border-radius:30px;background:linear-gradient(110deg,#fff5c9,#ffe18a);box-shadow:0 4px 12px #6d459513;color:#563176;font:bold 21px/1.4 Arial,sans-serif}.hero-channel svg{width:25px;height:25px;flex-shrink:0}.hero-channel span{overflow-wrap:anywhere}@media(max-width:600px){.hero-channel{margin-top:19px;margin-bottom:8px;font-size:20px;padding:8px 19px}.hero-channel svg{width:24px;height:24px}}

/* Four illustrated unit covers, each carrying its own bilingual title. */
.unit-card{padding:0 0 18px;overflow:hidden;border-top:0;border-radius:18px}.unit-cover{position:relative;overflow:hidden;padding:18px 19px 14px;min-height:275px;background:linear-gradient(145deg,#7850a2,#4c2c70);color:#fff7df;border-bottom:4px solid #f3d16c}.cover-kicker{display:flex;justify-content:space-between;gap:8px;font:bold 9px Arial;letter-spacing:1px;color:#f9e7aa}.cover-scene{height:120px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.cover-halo{position:absolute;width:92px;height:92px;border:1px solid #ffe5a57a;border-radius:50%;background:#ffffff0e;box-shadow:0 0 0 13px #ffffff05;z-index:-1}.cover-symbol{font-size:57px;filter:drop-shadow(0 8px 7px #32184638);transform:rotate(-8deg)}.cover-spark{position:absolute;top:23px;right:15px;font-size:19px;color:#ffdf78}.cover-dot{position:absolute;left:15px;bottom:22px;font-size:25px;color:#f8dc89}.unit-cover h3{font:bold 26px/1.2 Georgia,serif!important;text-align:center!important;margin:0 0 8px!important;color:inherit}.cover-ar{font:13px/1.7 Tahoma,sans-serif;text-align:center;color:inherit;opacity:.9}.cover-credit{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:10px;border-top:1px solid #ffffff30;font:10px Arial;letter-spacing:.4px;color:#f6dda0}.cover-2,.cover-4{background:linear-gradient(140deg,#fff0ba,#f2cc64);color:#543071;border-bottom-color:#7950a0}.cover-2 .cover-kicker,.cover-4 .cover-kicker,.cover-2 .cover-credit,.cover-4 .cover-credit{color:#6d4889}.cover-2 .cover-halo,.cover-4 .cover-halo{border-color:#8b66a54d;background:#ffffff33;box-shadow:0 0 0 13px #fff7df33}.cover-2 .cover-spark,.cover-4 .cover-spark,.cover-2 .cover-dot,.cover-4 .cover-dot{color:#8b61a8}.cover-2 .cover-credit,.cover-4 .cover-credit{border-top-color:#79539433}.cover-3{background:linear-gradient(145deg,#9b78ba,#64418a)}.cover-4 .cover-symbol{transform:rotate(10deg)}.unit-card .card-rule{margin:19px 17px 14px;min-height:60px}.unit-card .card-footer{margin:0 17px;padding-top:13px}.unit-card:hover .cover-symbol{transform:translateY(-4px) rotate(2deg);transition:transform .2s}@media(max-width:600px){.unit-cover{padding:14px 12px 12px;min-height:242px}.cover-kicker{font-size:7px;letter-spacing:.5px;gap:5px}.cover-scene{height:105px}.cover-halo{width:75px;height:75px}.cover-symbol{font-size:47px}.cover-spark{right:5px;top:16px;font-size:15px}.cover-dot{left:3px;font-size:20px}.unit-cover h3{font-size:22px!important;min-height:53px;display:flex;align-items:center;justify-content:center}.cover-ar{font-size:11px}.cover-credit{margin-top:12px;font-size:9px;letter-spacing:0}.unit-card .card-rule{margin:15px 12px 12px;min-height:85px}.unit-card .card-footer{margin:0 12px}.unit-card{padding-bottom:14px}}

/* English-only quiz content, with left-to-right reading order. */
#panel[lang="en"]{font-family:Arial,sans-serif;text-align:left}#panel[lang="en"] .question h3{line-height:1.65}#panel[lang="en"] .feedback{line-height:1.7}#panel[lang="en"] .option{font-family:Arial,sans-serif;line-height:1.5}#panel[lang="en"] .result{text-align:center}

/* Two ordered grammar lessons per unit. */
.rule-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 8px;scroll-margin-top:20px}.rule-choice{display:flex;align-items:flex-start;gap:13px;text-align:start;border:1px solid #ddcbe9;border-radius:14px;background:#fffaf0;padding:18px;color:#6c567b}.rule-choice.active{border:2px solid var(--accent);padding:17px;background:var(--tint);box-shadow:0 6px 14px #62438110}.rule-badge{background:#f3db92;color:#5d3a7b;font:bold 15px Arial;padding:8px;border-radius:9px}.rule-choice-text{min-width:0;flex:1}.rule-choice .en-line{font-size:15px;line-height:1.5;font-weight:bold}.rule-choice .ar-line{font-size:12px;line-height:1.7}.rule-choice small{display:block;font:10px/1.7 Arial;margin-top:7px;color:#806493}.second-rule-summary{border-top:1px solid #e5d5ee;margin-top:13px;padding-top:12px}.unit-card .card-rule{min-height:160px}.progress-end>b{display:block;direction:ltr}.quiz-head .eyebrow{display:block;line-height:1.6;margin-bottom:8px}@media(max-width:600px){.rule-switch{grid-template-columns:1fr;gap:9px}.rule-choice{padding:13px;gap:10px}.rule-choice.active{padding:12px}.rule-choice .en-line{font-size:14px}.rule-choice .ar-line{font-size:11px}.unit-card .card-rule{min-height:200px}.section-title>span{max-width:145px}.quiz-head .eyebrow{font-size:9px}}

.books-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 20px 20px;direction:ltr}.books-nav a{border:1px solid #d8c4e8;background:#fff6cd;color:#593379;border-radius:30px;padding:12px 20px;text-decoration:none;font-size:14px;font-weight:700}.books-nav a[aria-current]{background:#f1e9f6}.books-nav a:focus-visible{outline:3px solid #a37abb;outline-offset:3px}