@font-face{font-family:googleSansFlex;src:url(/_next/static/media/2ed5ae964e630054-s.p.woff2) format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:googleSansFlex Fallback;src:local("Arial");ascent-override:94.61%;descent-override:28.01%;line-gap-override:0.00%;size-adjust:102.10%}.__className_e7a013{font-family:googleSansFlex,googleSansFlex Fallback}.__variable_e7a013{--font-sans:"googleSansFlex","googleSansFlex Fallback"}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5aae3a1c1074c5e1-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ecb0c194634e5a7f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8c2fd50d66d22a18-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/da6e5417d357d163-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9c79641216ce8622-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd5f2241e050216b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri Fallback;src:local("Times New Roman");ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.00%;size-adjust:99.94%}.__className_eab742{font-family:Amiri,Amiri Fallback;font-style:normal}.__variable_eab742{--font-amiri:"Amiri","Amiri Fallback"}:root{color-scheme:light;--bg:#f7faf8;--surface:#ffffff;--surface-2:#eef4f0;--ink:#17271f;--ink-strong:#0d1a13;--muted:#55685f;--faint:#7e9288;--green:#0e6b5c;--green-strong:#0a5748;--green-soft:#e6f2ec;--green-line:#bfded2;--on-green:#ffffff;--green-deep:#0b463c;--gold:#9a6b21;--gold-bright:#e2b45c;--gold-soft:#f6efdd;--line:#dfe8e2;--line-strong:#c2d3c9;--red:#a8443a;--red-ink:#a8443a;--red-soft:#faecea;--red-line:#eacdc7;--shadow-sm:0 1px 2px rgba(13,42,34,.05),0 2px 10px rgba(13,42,34,.05);--shadow-md:0 2px 6px rgba(13,42,34,.05),0 14px 36px rgba(13,42,34,.09);--shadow-lg:0 24px 64px rgba(13,42,34,.18);--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--font:var(--font-sans),"Google Sans Flex",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-arabic:var(--font-amiri),"Amiri","Noto Naskh Arabic","Scheherazade New",serif;--header-h:64px;--footer-bg:#0d241e;--footer-line:rgba(255,255,255,.14);--footer-ink:#d9e8de;--footer-muted:#9dbbad}.dark{color-scheme:dark;--bg:#0b1411;--surface:#101e19;--surface-2:#14241e;--ink:#e6efe9;--ink-strong:#f5fbf7;--muted:#9cb1a7;--faint:#6f887d;--green:#55c7ab;--green-strong:#82d9c3;--green-soft:#16382c;--green-line:#2c5a49;--on-green:#06251d;--green-deep:#10453a;--gold:#d8b06a;--gold-bright:#e2b45c;--gold-soft:#2d2413;--line:#20342b;--line-strong:#2d493b;--red:#e59a8e;--red-ink:#e59a8e;--red-soft:#331f1b;--red-line:#6f4036;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 2px 10px rgba(0,0,0,.4),0 16px 44px rgba(0,0,0,.38);--shadow-lg:0 24px 64px rgba(0,0,0,.55);--footer-bg:#091a15;--footer-line:rgba(255,255,255,.1);--footer-ink:#d9e8de;--footer-muted:#93ad9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{flex:none}::selection{background:var(--green-soft);color:var(--ink-strong)}:target,section[id]{scroll-margin-top:calc(var(--header-h) + 20px)}.container{width:min(1200px,100% - 48px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--ink-strong);font-weight:650;letter-spacing:-.022em}h1{font-size:clamp(2rem,1.4rem + 2.9vw,3.25rem);line-height:1.08;margin-bottom:20px;max-width:22ch}h2{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.1rem);line-height:1.15;margin-bottom:16px;letter-spacing:-.018em}h3{font-size:1.1875rem;line-height:1.3;margin-bottom:10px}h4{font-size:1.0625rem;margin-bottom:8px}p{margin-bottom:14px}.eyebrow,h1 span{color:var(--green)}.eyebrow{margin:0 0 10px;font-size:.8125rem;font-weight:650;letter-spacing:.01em}.muted{color:var(--muted)}.hero-lede{font-size:1.1875rem;line-height:1.6;margin-bottom:0}.hero-lede,.large-copy{max-width:62ch;color:var(--muted)}.large-copy{font-size:1.0625rem;line-height:1.7}.outline-link,.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:.9375rem;font-weight:600}.main-nav a:hover,.outline-link:hover,.text-link:hover{color:var(--green-strong)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.button.primary{background:var(--green);color:var(--on-green);box-shadow:var(--shadow-sm)}.button.primary:hover{background:var(--green-strong);color:var(--on-green);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.secondary{background:var(--surface);color:var(--green);border-color:var(--line-strong)}.button.secondary:hover{border-color:var(--green);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button.quiet{background:transparent;color:var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.icon-button{display:grid;place-items:center;width:42px;height:42px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:12px;transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink-strong)}kbd{padding:3px 7px;color:var(--muted);border:solid var(--line);border-width:1px 1px 2px;border-radius:6px;background:var(--surface);font-weight:600}.badge,kbd{font-size:.75rem}.badge{display:inline-flex;align-items:center;width:max-content;padding:4px 11px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-pill);font-weight:650}.gold-badge{color:var(--gold);background:var(--gold-soft)}.alert{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-radius:var(--radius-sm);font-size:.9375rem}.alert .alert-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;color:var(--on-green);background:var(--green);border-radius:50%;font-size:.75rem;font-weight:700}.alert.info{color:var(--green);background:var(--green-soft)}.alert.notice{color:var(--gold);background:var(--gold-soft)}.alert.notice .alert-mark{color:var(--on-green);background:var(--gold)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem}td,th{padding:13px 18px;border-bottom:1px solid var(--line)}tr:last-child td,tr:last-child th{border-bottom:0}th{color:var(--ink-strong);font-weight:650;background:var(--surface-2)}.breadcrumbs,td{color:var(--muted)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:26px;font-size:.8125rem}.breadcrumbs svg{color:var(--faint)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:var(--header-h);justify-content:space-between;gap:24px}.brand,.nav-wrap{display:flex;align-items:center}.brand{gap:12px;flex:none;font-weight:700;letter-spacing:-.02em;font-size:1.0625rem}.brand em{color:var(--green);font-style:normal}.brand-mark{display:grid;place-items:center;width:72px;height:72px;padding:0;overflow:hidden;color:var(--green);background:var(--surface);border:1px solid var(--green-line);border-radius:12px}.brand-mark img,.brand-mark svg{width:100%;height:100%}.brand-mark img{display:block;object-fit:cover}.brand-name{display:grid;grid-template-columns:auto auto;column-gap:4px;align-items:baseline;line-height:1.05}.brand-name small{margin-top:5px;font-size:.75rem;letter-spacing:.03em}.brand-name small,.main-nav{color:var(--muted);font-weight:550}.main-nav{display:flex;flex:1 1;justify-content:center;gap:clamp(16px,2.4vw,30px);font-size:.9375rem}.main-nav a{padding:8px 2px;border-radius:8px}.nav-actions{display:flex;gap:8px;align-items:center}.menu-button{display:none}.hero{position:relative;overflow:hidden;padding:clamp(64px,9vw,116px) 0 clamp(56px,8vw,96px);background:radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--green) 7%,transparent),transparent 70%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(44px,6vw,88px)}.hero-copy .breadcrumbs{margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px}.hero-actions .button{min-height:52px;padding:14px 28px;font-size:1rem}.outline-link{min-height:52px;padding:13px 22px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.outline-link:hover{border-color:var(--green);background:var(--green-soft)}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;color:var(--muted);font-size:.8125rem}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row svg{color:var(--gold)}.search-helper{margin:12px 0 0;color:var(--muted);text-align:center;font-size:.8125rem}.hero-aside{position:relative;padding:30px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-dashboard{display:block}.hero-route-card{display:grid;gap:18px}.hero-ayah-card{display:grid;gap:20px;padding:32px 30px;background:var(--surface);border:1px solid var(--green-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero-ayah-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold-bright))}.hero-ayah-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-ayah-header .eyebrow{margin:0}.hero-ayah-arabic-box{padding:26px 20px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.hero-ayah-arabic{margin:0;font-family:var(--font-arabic);font-size:clamp(2.2rem,4vw,2.8rem);line-height:1.85;color:var(--green);letter-spacing:.02em}.hero-ayah-details{display:grid;gap:12px;font-size:.9375rem;color:var(--muted)}.hero-ayah-details p{margin:0;line-height:1.6}.hero-ayah-details strong{color:var(--ink-strong)}.hero-ayah-translit{color:var(--muted);font-size:.9375rem;letter-spacing:.01em}.hero-ayah-translation{font-style:italic;color:var(--ink-strong);font-size:1.05rem;line-height:1.5}.hero-route-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.hero-route-heading .eyebrow{margin:0}.hero-route-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--green);background:var(--green-soft);border-radius:12px}.hero-route-card h2{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.hero-route-card>p{margin:0;color:var(--muted);line-height:1.65}.hero-route-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.hero-route-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm)}.hero-route-list li>span{color:var(--gold);font-size:.75rem;font-weight:700}.hero-route-list li div{display:grid;gap:2px}.hero-route-list small{color:var(--muted);font-size:.8125rem}.dashboard-top{display:flex;align-items:start;justify-content:space-between}.dashboard-top .eyebrow{margin:0}.dashboard-arabic{margin:44px 0 40px;color:var(--green);font-family:var(--font-arabic);font-size:clamp(2.5rem,4vw,3.25rem);line-height:1.7;text-align:center}.dashboard-rule{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.dashboard-rule small,.dashboard-rule strong{display:block}.dashboard-rule small{color:var(--muted);font-size:.8125rem}.dashboard-lines{display:grid;gap:9px;margin-top:26px}.dashboard-lines i{display:block;height:8px;border-radius:99px;background:var(--surface-2)}.dashboard-lines i:first-child{width:100%}.dashboard-lines i:nth-child(2){width:72%}.dashboard-lines i:nth-child(3){width:45%}.rule-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;color:var(--green);background:var(--green-soft);border-radius:10px}.search-section{margin-top:-28px;position:relative;z-index:2}.search-panel-wrap{display:flex;justify-content:center}.search-panel{display:flex;align-items:center;gap:12px;width:min(720px,100%);padding:8px 10px 8px 20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transition:border-color .16s ease,box-shadow .16s ease}.search-panel:focus-within{border-color:var(--green);box-shadow:var(--shadow-md),0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent)}.search-panel svg{color:var(--green)}.search-panel input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem}.search-panel input::placeholder{color:var(--faint)}.search-panel kbd{flex:none}.section{padding:clamp(64px,8vw,108px) 0}.tinted{background:var(--surface-2)}.soft{background:var(--green-soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-intro{max-width:68ch;margin:10px 0 0;color:var(--muted);font-size:.9375rem}.center-heading{max-width:640px;margin:0 auto 44px;text-align:center}.center-heading h2{max-width:none}.beginner-grid,.intro-grid,.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,84px);align-items:center}.intro-grid h2{max-width:24ch}.home-choice-section{padding-top:clamp(52px,7vw,84px);padding-bottom:clamp(52px,7vw,84px)}.home-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-choice-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-choice-card:hover{transform:translateY(-3px);border-color:var(--green-line);box-shadow:var(--shadow-md)}.home-choice-card.featured{background:var(--green);border-color:var(--green)}.home-choice-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--green);background:var(--green-soft);border-radius:11px}.home-choice-card h3{margin:0 0 8px;font-size:1.0625rem}.home-choice-card p{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.6}.home-choice-card strong{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:.875rem}.home-choice-card.featured h3,.home-choice-card.featured strong{color:var(--on-green)}.home-choice-card.featured p{color:color-mix(in srgb,var(--on-green) 82%,transparent)}.home-choice-card.featured .home-choice-icon{color:var(--on-green);background:rgba(255,255,255,.16)}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px}.path-step{display:flex;flex-direction:column;padding:26px 24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.path-step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-line)}.path-step.active{background:var(--green);border-color:var(--green)}.path-step.active .level-index{color:var(--gold-bright)}.path-step.active h3{color:var(--on-green)}.path-step.active p{color:color-mix(in srgb,var(--on-green) 82%,transparent)}.path-step.active .path-icon{color:var(--on-green);background:rgba(255,255,255,.18)}.path-step.active .text-link{color:var(--on-green)}.path-icon{display:grid;place-items:center;width:42px;height:42px;margin:18px 0 24px;color:var(--green);background:var(--green-soft);border-radius:11px}.path-step h3{margin-bottom:8px}.path-step p{margin:0 0 18px;color:var(--muted);font-size:.875rem}.path-step .text-link{margin-top:auto}.path-connector{display:none}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{min-height:210px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-line)}.category-arrow{align-self:flex-end;display:grid;place-items:center;width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:10px}.category-card .arabic-sm{margin:20px 0 8px}.category-card h3{margin-bottom:6px}.category-card .muted{margin:0;font-size:.875rem}.arabic-sm{font-family:var(--font-arabic);color:var(--green);font-size:1.375rem;line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.how-section .how-grid{margin-top:8px}.how-step{padding:24px 4px 0;border-top:2px solid var(--green-line)}.how-step>span{color:var(--gold);font-size:.8125rem;font-weight:650}.how-step h3{margin-top:22px;font-size:1.0625rem}.how-step p{margin:0;color:var(--muted);font-size:.875rem}.intro-section{display:block}.path-stage{display:grid;align-items:stretch}.beginner-section{background:linear-gradient(140deg,var(--green-soft),transparent 55%)}.check-list{display:grid;gap:12px;margin:26px 0 30px;color:var(--muted);font-size:.9375rem}.check-list span{display:flex;align-items:center;gap:10px}.check-list svg{color:var(--green)}.beginner-art{min-height:280px;display:grid;place-items:center;position:relative;color:var(--green);background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius-lg);overflow:hidden}.beginner-art svg{width:64px;height:64px}.beginner-art span{position:absolute;right:24px;bottom:14px;color:var(--green);opacity:.25;font-size:4rem;font-weight:700;line-height:1}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rule-card{display:flex;flex-direction:column;padding:26px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.rule-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-line)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-arrow{color:var(--faint);transition:color .16s ease,transform .16s ease}.article-card:hover .card-arrow,.rule-card:hover .card-arrow{color:var(--green);transform:translateX(2px)}.rule-card .arabic-sm{margin:0 0 10px}.article-card h3,.rule-card h3{margin:0 0 8px}.article-card .muted,.rule-card .muted{margin:0 0 18px;font-size:.9375rem}.article-card .text-link,.rule-card .text-link{margin-top:auto}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{min-height:220px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-line)}.article-card .badge{margin-bottom:18px}.featured-article{background:var(--green);border-color:var(--green)}.featured-article .badge{color:var(--on-green);background:rgba(255,255,255,.16)}.featured-article h3{color:var(--on-green)}.featured-article .muted{color:color-mix(in srgb,var(--on-green) 82%,transparent)}.featured-article .text-link{color:var(--on-green)}.stacked-cards{display:grid;gap:20px}.article-preview,.example-card,.quiz-card{padding:28px}.example-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.example-head h3{margin:0}.editorial-placeholder{display:grid;gap:6px;padding:26px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:.9375rem}.editorial-placeholder strong{color:var(--ink)}.editorial-placeholder span{font-size:.875rem}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(48px,6vw,84px);align-items:start}.faq-list,.faq-section details{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;list-style:none;cursor:pointer;font-weight:600;font-size:1rem;color:var(--ink-strong)}summary::-webkit-details-marker{display:none}summary svg{color:var(--green);transition:transform .18s ease}details[open] summary svg{transform:rotate(90deg)}details p{color:var(--muted);font-size:.9375rem;margin-bottom:18px}.final-cta{padding:clamp(64px,8vw,108px) 0;background:var(--green)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.final-cta .eyebrow{color:var(--gold-bright)}.final-cta h2{margin-bottom:8px;color:var(--on-green)}.final-cta p{margin:0;color:color-mix(in srgb,var(--on-green) 85%,transparent)}.final-cta .button.primary{background:var(--on-green);color:var(--green)}.final-cta .button.primary:hover{background:#ffffff}.site-footer{padding:clamp(56px,7vw,80px) 0 28px;color:var(--footer-ink);background:var(--footer-bg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px;padding-bottom:48px}.footer-brand{color:#ffffff}.footer-brand .brand-mark{color:var(--gold-bright);background:rgba(226,180,92,.12);border-color:rgba(226,180,92,.3)}.footer-brand em{color:var(--gold-bright)}.footer-copy{max-width:30ch;margin-top:18px;color:var(--footer-muted);font-size:.9375rem}.site-footer h4{margin:0 0 16px;color:#ffffff;font-size:.9375rem}.site-footer .footer-grid a:not(.brand){display:block;margin:10px 0;color:var(--footer-muted);font-size:.9375rem}.site-footer .footer-grid a:not(.brand):hover{color:#ffffff}.teacher-notice{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--footer-line);border-bottom:1px solid var(--footer-line);color:var(--footer-muted);font-size:.875rem}.teacher-notice strong{flex:none;color:#ffffff}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:24px;color:var(--footer-muted);font-size:.8125rem}.quran-example-card{display:grid;gap:14px;padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.quran-example-head{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.quran-example-head .eyebrow{margin:0}.example-status{padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:650}.example-status.verified{color:var(--green);background:var(--green-soft)}.example-status.draft,.example-status.needs_review{color:var(--gold);background:var(--gold-soft)}.audio-pending{color:var(--muted);font-size:.75rem}.quran-arabic-prominent{margin:10px 0 6px;font-family:var(--font-arabic);font-size:clamp(1.9rem,3.5vw,2.4rem);line-height:2.1;text-align:center;color:var(--ink-strong)}.quran-highlight{color:var(--green);background:var(--green-soft);border-bottom:3px solid var(--green);border-radius:5px;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.quran-highlight.pronunciation-focus,.quran-highlight.related-rule{color:var(--gold);background:var(--gold-soft);border-bottom-color:var(--gold-bright)}.quran-highlight-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.8125rem}.quran-highlight-legend span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%}.dot.green,.dot.rule-focus{background:var(--green)}.dot.gold,.dot.pronunciation-focus,.dot.related-rule{background:var(--gold-bright)}.quran-annotation,.quran-explanation{margin:0;color:var(--muted);font-size:.9375rem}.quran-annotation strong,.quran-explanation strong{color:var(--ink-strong);font-weight:650}.quran-annotation small{color:var(--faint)}.quran-source{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}.quran-source a{color:var(--green);font-weight:600}.quiz-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font-size:.8125rem}.quiz-card h3{margin-top:6px}.quiz-card .muted{font-size:.9375rem}.quiz-options{margin-top:20px}.quiz-option{min-height:52px}.quiz-option.selected{color:var(--green);border-color:var(--green);background:var(--green-soft)}.quiz-option.incorrect,.quiz-option.wrong{color:var(--red-ink);border-color:var(--red-line);background:var(--red-soft)}.radio{flex:none;width:16px;height:16px;border:1.5px solid var(--line-strong);border-radius:50%}.answer-feedback{display:grid;gap:6px;margin-top:18px;padding:16px 18px;border-radius:var(--radius-sm);font-size:.9375rem}.answer-feedback.correct{background:var(--green-soft);color:var(--ink);border:1px solid var(--green-line)}.answer-feedback.incorrect{background:var(--red-soft);color:var(--ink);border:1px solid var(--red-line)}.answer-feedback strong{color:var(--ink-strong)}.answer-feedback p{margin:0;color:var(--muted)}.answer-feedback a{color:var(--green);font-weight:600}.quiz-unavailable .muted{font-size:.9375rem}.practice-hub{display:grid;gap:30px}.practice-toolbar{display:flex;justify-content:space-between;align-items:end;gap:22px;flex-wrap:wrap}.practice-toolbar h2{margin-bottom:0}.practice-count{margin:7px 0 0;font-size:.875rem}.practice-filters{display:grid;gap:12px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pills button{min-height:40px;padding:8px 16px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.875rem;font-weight:550;transition:color .16s ease,background .16s ease,border-color .16s ease}.filter-pills button:hover{color:var(--ink);border-color:var(--line-strong)}.filter-pills button.active{color:var(--on-green);background:var(--green);border-color:var(--green);font-weight:600}.practice-filter-row{display:flex;flex-wrap:wrap;gap:10px}.practice-filter-row select{min-height:44px;padding:8px 36px 8px 14px;appearance:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.875rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat}.practice-filter-row select:hover{border-color:var(--line-strong)}.quiz-session{padding:clamp(24px,4vw,36px);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.quiz-session-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.quiz-session-top h2{margin:0;font-size:1.375rem}.quiz-session-top .eyebrow{margin:0}.session-score{padding:5px 12px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.session-track{height:8px;overflow:hidden;background:var(--surface-2);border-radius:99px}.session-track span{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .3s ease}.session-question{margin-top:28px}.question-type{display:inline-flex;padding:4px 11px;color:var(--gold);background:var(--gold-soft);border-radius:var(--radius-pill);font-size:.75rem;font-weight:650}.session-question h3{margin:12px 0 22px;font-size:1.25rem;line-height:1.4}.session-options{display:grid;gap:10px}.session-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:13px 16px;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.9375rem;transition:border-color .16s ease,background .16s ease}.session-option:hover:not(:disabled){border-color:var(--green);background:var(--surface-2)}.session-option.correct{color:var(--green);border-color:var(--green);background:var(--green-soft)}.session-option.incorrect{color:var(--red-ink);border-color:var(--red-line);background:var(--red-soft)}.session-option:disabled{cursor:default}.option-index{flex:none;display:grid;place-items:center;width:26px;height:26px;color:var(--muted);background:var(--surface-2);border-radius:8px;font-size:.8125rem;font-weight:650}.session-option.correct .option-index{color:var(--on-green);background:var(--green)}.session-option.incorrect .option-index{color:var(--on-green);background:var(--red)}.quiz-session-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.practice-empty{padding:48px 24px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius)}.articles-hero,.library-hero,.practice-hero,.search-hero{padding:clamp(52px,7vw,88px) 0 clamp(44px,5vw,64px);background:radial-gradient(900px 400px at 90% -20%,color-mix(in srgb,var(--green) 6%,transparent),transparent 70%);border-bottom:1px solid var(--line)}.articles-hero h1,.library-hero h1,.practice-hero h1,.search-hero h1{margin-bottom:16px}.articles-hero .hero-lede,.library-hero .hero-lede,.practice-hero .hero-lede,.search-hero .hero-lede{font-size:1.0625rem}.learn-level-section{padding-top:clamp(48px,6vw,72px)}.learn-level-inner{display:grid;gap:40px}.learn-purpose-note{display:grid;gap:6px;max-width:760px;margin-top:28px;padding:18px 22px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius);color:var(--muted);line-height:1.6}.learn-purpose-note strong{color:var(--ink-strong)}.learn-path-intro{display:grid;gap:10px;max-width:760px}.learn-path-intro h2,.learn-path-intro p{margin:0}.learn-curriculum-list{display:grid;gap:42px}.learn-curriculum-stage{display:grid;gap:18px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.learn-curriculum-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px}.learn-curriculum-heading h2{margin:0 0 5px}.learn-curriculum-heading p{margin:0}.learn-curriculum-rules{display:grid;gap:10px}.learn-curriculum-rules .learn-topic-row{background:var(--surface-2)}.learn-level-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap}.learn-topic-list{display:grid;gap:12px}.learn-topic-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.learn-topic-row:hover{border-color:var(--green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.learn-topic-main{display:flex;align-items:center;gap:18px;min-width:0}.learn-topic-copy{display:grid;gap:4px;min-width:0}.learn-topic-copy h3{margin:0;font-size:1.0625rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.learn-topic-copy .muted{font-size:.875rem}.learn-topic-arrow{color:var(--faint);transition:color .16s ease,transform .16s ease}.learn-topic-row:hover .learn-topic-arrow{color:var(--green);transform:translateX(2px)}.prep-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;color:var(--gold);background:var(--gold-soft);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:650}.learn-level-footer{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.learn-cta-row,.learn-level-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.learn-cta-row{margin-top:40px;padding:28px 32px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius)}.learn-cta-copy{display:grid;gap:4px}.learn-cta-copy strong{font-size:1.0625rem;color:var(--ink-strong)}.learn-cta-copy .muted{font-size:.875rem}.start-here-list{display:grid;gap:18px;max-width:880px}.start-here-step{display:flex;gap:22px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.start-here-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;color:var(--green);background:var(--green-soft);border-radius:12px}.start-here-step h2{font-size:1.375rem;margin-bottom:8px}.start-here-step p{color:var(--muted)}.start-here-step .level-index{display:block;margin-bottom:8px}.start-here-note{display:flex;gap:22px;align-items:start;padding:clamp(28px,4vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.start-here-note svg{flex:none;margin-top:4px;color:var(--green)}.start-here-note h2{font-size:1.375rem}.start-here-note .eyebrow{margin-bottom:6px}.directory-shell{display:grid;gap:28px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.directory-mode{display:inline-flex;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill)}.directory-mode-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 16px;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-pill);font-size:.875rem;font-weight:550;transition:color .16s ease,background .16s ease}.directory-mode-button.active{color:var(--on-green);background:var(--green);font-weight:600;box-shadow:var(--shadow-sm)}.directory-count{color:var(--muted);font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.directory-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.directory-filters label{display:grid;gap:7px;color:var(--muted);font-size:.8125rem;font-weight:600}.directory-filters select{min-height:46px;padding:10px 36px 10px 14px;appearance:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat}.directory-filters select:hover{border-color:var(--line-strong)}.filter-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--ink-strong);font-size:.8125rem;font-weight:650}.filter-heading svg{color:var(--gold)}.directory-intro{display:flex;gap:14px;align-items:start;padding:18px 22px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius);font-size:.9375rem}.directory-intro svg{flex:none;margin-top:3px;color:var(--green)}.directory-intro strong{color:var(--ink-strong)}.directory-intro span{display:block;color:var(--muted);font-size:.875rem}.directory-groups{display:grid;gap:44px}.directory-group-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;flex-wrap:wrap}.directory-group-heading h2{margin:6px 0 4px;font-size:1.5rem}.directory-group-heading p{margin:0;color:var(--muted);font-size:.9375rem}.directory-group-count{color:var(--muted);font-size:.8125rem;white-space:nowrap}.directory-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-rule-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.directory-rule-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-line)}.directory-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.directory-card-title{display:grid;gap:4px;margin-top:4px}.directory-card-title h3{margin:0}.directory-card-title span{font-family:var(--font-arabic);color:var(--green);font-size:1.25rem;line-height:1.7}.directory-rule-card p{margin:0;color:var(--muted);font-size:.875rem}.directory-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--faint);font-size:.75rem}.directory-card-arrow{position:absolute;top:24px;right:24px;color:var(--faint);transition:color .16s ease,transform .16s ease}.directory-rule-card:hover .directory-card-arrow{color:var(--green);transform:translateX(2px)}.directory-empty{padding:48px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted)}.directory-empty strong{display:block;margin-bottom:4px;color:var(--ink-strong)}.glossary-directory{display:grid;gap:26px}.glossary-search{display:flex;align-items:center;gap:12px;max-width:720px;padding:14px 20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.glossary-search:focus-within{border-color:var(--green)}.glossary-search svg{color:var(--green)}.glossary-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem}.glossary-result-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem}.glossary-list{display:grid;gap:18px}.glossary-card{display:grid;gap:16px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.glossary-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap}.glossary-arabic,.glossary-card h2{margin:0;font-size:1.5rem}.glossary-arabic{font-family:var(--font-arabic);color:var(--green);line-height:1.7}.glossary-definition{margin:0;color:var(--muted);font-size:1rem}.glossary-detail{display:grid;gap:6px;padding:18px 20px;background:var(--surface-2);border-radius:var(--radius-sm)}.glossary-detail h3{margin:10px 0 2px;font-size:.8125rem;color:var(--gold);font-weight:650}.glossary-detail h3:first-child{margin-top:0}.glossary-detail p{margin:0;color:var(--muted);font-size:.9375rem}.glossary-card-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.glossary-card-footer span{color:var(--faint);font-size:.8125rem;margin-right:6px}.glossary-card-footer a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600}.glossary-card-footer a:hover{background:var(--green);color:var(--on-green)}.article-library{display:grid;gap:56px}.article-category{display:grid;gap:24px}.article-category-heading{display:grid;gap:4px}.article-category-heading h2{margin:0}.article-page{display:grid}.article-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:18px 0 0;color:var(--muted);font-size:.8125rem}.article-breadcrumbs a:hover,.rule-breadcrumbs a:hover{color:var(--green)}.article-hero{padding:clamp(48px,6vw,76px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--line)}.article-hero-inner{max-width:760px}.article-hero .badge{margin-bottom:18px}.article-hero h1{margin-bottom:14px;max-width:none}.article-hero p{max-width:65ch;color:var(--muted);font-size:1.0625rem}.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;color:var(--faint);font-size:.8125rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(44px,6vw,84px);align-items:start;padding:clamp(48px,6vw,72px) 0}.article-body{display:grid;gap:8px;max-width:100%}.article-body section{margin-bottom:28px}.article-body h2{font-size:1.5rem}.article-body p{color:var(--muted);max-width:68ch}.article-body ul{display:grid;gap:10px;margin:0 0 14px;padding-left:22px;color:var(--muted)}.article-path{display:flex;gap:16px;align-items:start;padding:22px 24px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius)}.article-path svg{flex:none;margin-top:3px;color:var(--green)}.article-path p{margin:4px 0 10px;color:var(--muted);font-size:.9375rem}.article-related-links{display:grid;gap:12px;margin-top:4px}.article-related-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .16s ease}.article-related-links a:hover{border-color:var(--green)}.article-related-links span{display:grid;gap:2px}.article-related-links small{color:var(--muted);font-size:.8125rem}.article-sources{display:flex;gap:16px;align-items:start;padding:22px 24px;background:var(--surface-2);border-radius:var(--radius)}.article-sources svg{flex:none;margin-top:3px;color:var(--gold)}.article-sources a{color:var(--green);font-weight:600;font-size:.9375rem}.article-sources p{margin:8px 0 0;color:var(--muted);font-size:.875rem}.search-page{display:grid}.large-search{display:flex;align-items:center;gap:12px;max-width:760px;margin-top:30px;padding:8px 8px 8px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-md)}.large-search:focus-within{border-color:var(--green)}.large-search svg{flex:none;color:var(--green)}.large-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem}.large-search button{min-height:44px;padding:10px 22px;color:var(--on-green);background:var(--green);border:0;border-radius:var(--radius-pill);font-weight:600;font-size:.9375rem}.large-search button:hover{background:var(--green-strong)}.search-results-section{padding-top:clamp(48px,6vw,64px)}.search-results-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(44px,6vw,72px)}.search-filters{display:grid;align-content:start;gap:6px}.filter{display:flex;align-items:center;min-height:40px;padding:8px 14px;color:var(--muted);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.filter:hover{color:var(--ink);background:var(--surface-2)}.filter.active{color:var(--green);background:var(--green-soft);font-weight:650}.results-column{display:grid;gap:26px;min-width:0}.results-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:0;flex-wrap:wrap}.results-heading h2{margin:0;font-size:1.5rem}.clear-filter{color:var(--green);font-size:.8125rem;font-weight:600}.search-result-list{display:grid;gap:12px}.search-result{display:block;position:relative;padding:22px 56px 22px 24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease}.search-result:hover{border-color:var(--green);box-shadow:var(--shadow-md)}.search-result>svg{position:absolute;top:50%;right:20px;color:var(--gold);transform:translateY(-50%)}.result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.result-kind,.result-level{color:var(--gold);font-size:.75rem;font-weight:650}.result-kind{padding:3px 10px;background:var(--gold-soft);border-radius:var(--radius-pill)}.search-result h3{margin:0 0 4px;font-size:1.0625rem}.result-category{margin:0 0 6px;color:var(--green);font-size:.8125rem;font-weight:600}.search-result>p{margin:0;color:var(--muted);font-size:.9375rem}.result-url{display:block;margin-top:8px;color:var(--faint);font-size:.75rem;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;word-break:break-all}.search-empty{display:grid;justify-items:center;gap:8px;padding:56px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted)}.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;color:var(--green);background:var(--green-soft);border-radius:14px}.search-empty h3{margin:0}.search-empty p{margin:0;font-size:.9375rem}.suggestion-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 18px;color:var(--muted);font-size:.8125rem}.suggestion-links a{padding:7px 14px;color:var(--green);background:var(--green-soft);border-radius:var(--radius-pill);font-weight:600;font-size:.8125rem}.suggestion-links a:hover{background:var(--green);color:var(--on-green)}.palette-backdrop{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,#05100d 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto}.search-palette{position:relative;width:min(640px,calc(100vw - 32px));margin:12vh auto 0;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}.palette-input-row{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.palette-input-row svg{color:var(--green)}.palette-input-row input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:1.0625rem}.palette-input-row input::placeholder{color:var(--faint)}.palette-close{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:32px;height:32px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:1.25rem;line-height:1}.palette-close:hover{color:var(--ink);background:var(--surface-2)}.palette-results{display:grid;max-height:min(430px,52vh);overflow-y:auto;padding:10px}.palette-result{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--ink)}.palette-result.active,.palette-result:hover{background:var(--surface-2)}.palette-result .result-kind{flex:none;padding:3px 10px;color:var(--gold);background:var(--gold-soft);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:650}.palette-result-body{display:grid;gap:2px;min-width:0}.palette-result-body strong{font-size:.9375rem;font-weight:600}.palette-result-body small{color:var(--muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-empty,.palette-hint{padding:26px 16px;color:var(--muted);font-size:.9375rem;text-align:center}.palette-footer{display:flex;gap:20px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:.75rem}.palette-footer span{display:inline-flex;align-items:center;gap:6px}.rule-page{display:grid}.rule-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:18px 0 0;color:var(--muted);font-size:.8125rem}.rule-hero{padding:clamp(40px,5vw,64px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--line);background:radial-gradient(800px 360px at 90% -20%,color-mix(in srgb,var(--green) 7%,transparent),transparent 70%)}.rule-hero-inner{display:flex;justify-content:space-between;align-items:start;gap:clamp(32px,5vw,72px);flex-wrap:wrap}.rule-hero-inner>div{max-width:720px}.rule-hero .badge{margin-bottom:14px}.rule-hero .eyebrow{margin-bottom:8px}.rule-hero h1{margin-bottom:10px;max-width:none}.rule-arabic-title{margin:0 0 16px;font-family:var(--font-arabic);color:var(--green);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.8}.rule-intro{margin:0;color:var(--muted);font-size:1.0625rem;max-width:62ch}.rule-meta{display:grid;gap:0;min-width:240px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.rule-meta span{display:grid;gap:3px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.9375rem}.rule-meta span:last-child{border-bottom:0}.rule-meta strong{color:var(--faint);font-size:.75rem;font-weight:650;letter-spacing:.02em}.rule-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:start;padding:clamp(44px,6vw,64px) 0 clamp(64px,8vw,96px)}.rule-sidebar{position:sticky;top:calc(var(--header-h) + 20px);display:grid;gap:8px}.rule-sidebar strong{margin-bottom:6px;color:var(--ink-strong);font-size:.8125rem;font-weight:650}.rule-sidebar a{display:block;padding:7px 12px;border-radius:8px;color:var(--muted);font-size:.875rem}.rule-sidebar a:hover{color:var(--green);background:var(--surface-2)}.rule-content{display:grid;gap:8px;max-width:100%}.rule-content>section{margin-bottom:34px}.rule-content h2{font-size:1.5rem}.rule-content>section>p{color:var(--muted);max-width:70ch}.quick-summary{padding:26px}.quick-summary-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.quick-summary-heading svg{color:var(--green)}.quick-summary-heading h2{margin:0;font-size:1.25rem}.quick-summary dl{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 26px;margin:0}.quick-summary dt{color:var(--faint);font-size:.75rem;font-weight:650;margin-bottom:3px}.quick-summary dd{margin:0;color:var(--ink-strong);font-size:.9375rem}.letter-panel{padding:22px;background:var(--surface-2);border-radius:var(--radius);overflow-x:auto}.letter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin:0;font-family:var(--font-arabic);font-size:2rem;line-height:1.9}.letter-row span{display:grid;place-items:center;min-width:52px;padding:2px 12px;color:var(--green);background:var(--surface);border:1px solid var(--green-line);border-radius:12px}.listen-note{display:flex;gap:14px;align-items:start;margin-top:6px;padding:18px 20px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold-bright) 45%,transparent);border-radius:var(--radius);font-size:.9375rem}.listen-note svg{flex:none;margin-top:2px;color:var(--gold)}.listen-note strong{color:var(--ink-strong)}.listen-note span{display:block;margin-top:2px;color:var(--muted);font-size:.875rem}.examples-list{display:grid;gap:18px}.symbols-poster{display:grid;gap:10px;margin:0;padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.symbols-poster img{width:100%;height:auto;border-radius:calc(var(--radius) - 4px)}.symbols-poster figcaption{color:var(--muted);font-size:.875rem;line-height:1.6}.symbols-guide{display:grid;gap:8px;padding:18px 20px;border-left:4px solid var(--gold);background:var(--surface-2);color:var(--muted);line-height:1.6}.symbols-guide strong{color:var(--ink-strong)}.symbols-guide ol{display:grid;gap:5px;margin:0;padding-left:22px}.teaching-example{display:grid;gap:10px;padding:20px 22px;background:var(--surface-2);border-radius:var(--radius);font-size:.9375rem}.teaching-example strong{color:var(--ink-strong)}.teaching-example p{margin:0;font-family:var(--font-arabic);font-size:1.625rem;line-height:2;text-align:center}.teaching-example small{color:var(--muted);font-family:var(--font);font-size:.8125rem}.mistake-list,.practice-list{display:grid;gap:10px;margin:0 0 14px;padding-left:22px;color:var(--muted)}.distinction-list{display:grid;gap:16px}.distinction{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.distinction h3{margin:0}.distinction p{margin:0;color:var(--muted);font-size:.9375rem}.memory-tip{display:flex;gap:14px;align-items:center;padding:20px 24px;background:var(--gold-soft);border-radius:var(--radius)}.memory-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;color:var(--gold);background:var(--surface);border-radius:12px;font-size:1.125rem}.memory-tip p{margin:0;color:var(--ink-strong);font-size:1rem;font-weight:500}.faq-chevron{transition:transform .18s ease}.related-section{display:grid;gap:24px}.related-links h3{margin-bottom:12px;font-size:1.125rem}.related-links>div{display:grid;gap:10px}.related-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:.9375rem;font-weight:550;transition:border-color .16s ease}.related-links a:hover{border-color:var(--green)}.rule-pager{display:flex;justify-content:space-between;align-items:stretch;gap:14px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}.rule-pager a{display:grid;gap:5px;flex:1 1;min-width:230px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.rule-pager a:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.rule-pager small{color:var(--faint);font-size:.75rem;font-weight:650}.rule-pager strong{color:var(--green);font-size:.9375rem}.pager-next{text-align:right}.source-box{display:flex;gap:16px;align-items:start;padding:24px;background:var(--surface-2);border-radius:var(--radius)}.source-box svg{flex:none;margin-top:3px;color:var(--gold)}.source-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.source-list li{display:grid;gap:3px}.source-list a{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:.9375rem;font-weight:600}.source-list small{color:var(--muted);font-size:.8125rem}.teacher-note{display:grid;gap:8px;padding:26px 28px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--radius)}.teacher-note h2{margin:0 0 4px;font-size:1.25rem}.teacher-note p{margin:0;color:var(--muted);font-size:.9375rem}.simple-page{display:grid;gap:8px;padding:clamp(48px,6vw,80px) 0 clamp(72px,9vw,120px)}.simple-page .container{display:grid;gap:14px;max-width:820px}.simple-page h1{margin-bottom:12px}.simple-page section{margin-top:34px}.simple-page section p{color:var(--muted);max-width:68ch}.simple-page ul{display:grid;gap:10px;margin:0 0 14px;padding-left:22px;color:var(--muted)}.source-register{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}.source-register-item{display:grid;gap:8px;align-content:start;padding:22px 24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.source-register-item h3{margin:0 0 2px;font-size:1.0625rem}.source-register-item p{margin:0;color:var(--muted);font-size:.9375rem}.verified{color:var(--green);font-weight:600}.error-page{padding:clamp(72px,9vw,120px) 0 clamp(96px,12vw,150px)}.error-page .container{max-width:680px;text-align:center;display:grid;justify-items:center;gap:6px}.error-code{margin:0 0 6px;color:var(--gold);font-size:clamp(3.5rem,8vw,5rem);font-weight:700;line-height:1;letter-spacing:-.03em}.error-page h1{margin-bottom:14px;max-width:none}.error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.error-popular{display:grid;gap:10px;width:100%;margin-top:44px;text-align:left}.error-popular a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);transition:border-color .16s ease}.error-popular a:hover{border-color:var(--green)}.error-popular span{display:grid;gap:2px}.error-popular small{color:var(--muted);font-size:.8125rem}@media (max-width:1080px){.directory-rule-grid{grid-template-columns:repeat(2,1fr)}.article-layout,.rule-layout{grid-template-columns:minmax(0,1fr)}.rule-sidebar{display:none}.search-results-layout{grid-template-columns:minmax(0,1fr)}.search-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.search-filters .filter-heading{width:100%;margin:0}}@media (max-width:900px){.main-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;padding:10px 24px 22px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}.main-nav.open{display:flex}.main-nav a{padding:14px 0;font-size:1rem;border-bottom:1px solid var(--line)}.main-nav a:last-child{border-bottom:0}.menu-button{display:grid}.beginner-grid,.faq-grid,.hero-grid,.intro-grid,.practice-grid{grid-template-columns:1fr;gap:40px}.hero-aside{order:-1}.home-choice-grid{grid-template-columns:1fr}.article-grid,.category-grid,.directory-filters,.how-grid,.path-grid,.rule-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.quick-summary dl,.source-register{grid-template-columns:1fr}}@media (max-width:560px){.container{width:min(100% - 40px,680px)}h1{font-size:clamp(1.75rem,6.5vw,2.5rem)}h2{font-size:clamp(1.375rem,5vw,1.75rem)}.hero-lede,.large-copy{font-size:1rem}.article-grid,.category-grid,.directory-rule-grid,.how-grid,.path-grid,.rule-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.outline-link{width:100%}.trust-row{gap:12px}.section-heading{flex-direction:column;align-items:start;gap:12px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom,.teacher-notice{display:grid;gap:6px}.directory-filters{grid-template-columns:1fr}.start-here-step{flex-direction:column;gap:16px}.learn-cta-row{flex-direction:column;align-items:stretch;text-align:center}.learn-cta-row .button{width:100%}.learn-level-footer{flex-direction:column-reverse;align-items:stretch}.learn-level-footer .button,.learn-level-footer .outline-link{width:100%;text-align:center;justify-content:center}.large-search{flex-wrap:wrap;padding:10px}.large-search input{flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 48px)}.large-search button{flex:1 1}.quiz-navigation,.results-actions{flex-direction:column}.quiz-navigation .button,.results-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-name>span{font-size:1.2rem;letter-spacing:-.035em}@media (max-width:720px){.brand-mark{width:56px;height:56px}}.ayah-card{padding:clamp(28px,4vw,42px);background:linear-gradient(145deg,var(--surface),var(--green-soft))}.ayah-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.ayah-card-top .eyebrow{margin:0}.ayah-ornament{color:var(--gold);font-size:1.5rem}.ayah-arabic{margin:clamp(42px,6vw,64px) 0 24px;color:var(--green);font-family:var(--font-arabic);font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.8;text-align:center}.ayah-translation{max-width:28ch;margin:0 auto 12px;color:var(--ink-strong);font-size:1.1rem;font-weight:600;line-height:1.5;text-align:center}.ayah-card cite{display:block;color:var(--gold);font-size:.82rem;font-style:normal;font-weight:650;letter-spacing:.02em;text-align:center}.ayah-rule{display:flex;align-items:center;gap:12px;margin:24px auto 18px;max-width:220px;color:var(--gold)}.ayah-rule span{height:1px;flex:1 1;background:var(--green-line)}.ayah-rule i{font-size:.75rem;font-style:normal}.ayah-note{max-width:34ch;margin:0 auto;color:var(--muted);font-size:.875rem;line-height:1.55;text-align:center}@media (min-width:901px){.home-page .container{width:min(1440px,100% - 80px)}.home-page .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:clamp(56px,7vw,112px)}.home-page h1{max-width:17ch;font-size:clamp(3.25rem,4.5vw,4.75rem)}}@media (max-width:560px){body{font-size:1.0625rem;line-height:1.65}:root{--header-h:60px}.container{width:calc(100% - 32px)}.nav-wrap{min-height:var(--header-h);gap:8px}.brand{gap:8px;font-size:.9375rem}.brand-name>span{font-size:1.05rem}.brand-mark{width:42px;height:42px;border-radius:9px}.nav-actions{gap:4px}.nav-actions .icon-button{width:40px;height:40px}.main-nav{top:var(--header-h);max-height:calc(100dvh - var(--header-h));overflow-y:auto;padding:8px 20px max(20px,env(safe-area-inset-bottom))}.main-nav a{min-height:52px;display:flex;align-items:center;padding:12px 4px;font-size:1.0625rem}.home-page .hero{padding:28px 0 22px}.home-page .hero-grid{gap:22px}.home-page .hero-aside{order:0}.home-page .hero-copy .eyebrow{margin-bottom:8px;font-size:.8125rem}.home-page h1{max-width:15ch;margin-bottom:14px;font-size:clamp(2rem,9vw,2.5rem);line-height:1.08}.home-page .hero-lede{max-width:42ch;margin-bottom:0;font-size:1.0625rem;line-height:1.55}.home-page .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.home-page .hero-actions .button,.home-page .hero-actions .outline-link{width:100%;min-height:52px;justify-content:center;font-size:1rem}.home-page .hero-actions .button>svg:last-child{display:none}.home-page .hero-ayah-card{gap:12px;padding:16px 14px;border-radius:18px}.home-page .hero-ayah-card>.text-link{display:none}.home-page .hero-ayah-header .badge{font-size:.75rem}.home-page .hero-ayah-arabic-box{padding:10px 8px}.home-page .hero-ayah-arabic{font-size:clamp(2rem,9vw,2.6rem);line-height:1.65}.home-page .hero-ayah-details{gap:0}.home-page .hero-ayah-translation{font-size:1rem;line-height:1.5}.home-page .home-search-section{padding:0 0 4px}.home-page .search-panel{min-height:56px;gap:9px;padding:8px 12px;border-radius:16px}.home-page .search-panel input{font-size:1rem}.home-page .search-panel kbd{display:none}.home-page .search-helper{margin-top:8px;font-size:.8125rem}.home-page .home-choice-section{padding:20px 0 28px}.home-page .section-heading{margin-bottom:18px}.home-page .section-heading .eyebrow{margin-bottom:6px}.home-page .section-heading h2{margin-bottom:8px;font-size:1.625rem}.home-page .section-intro{margin-top:0;font-size:.975rem;line-height:1.5}.home-page .home-choice-grid{grid-template-columns:1fr;gap:12px}.home-page .home-choice-card{min-height:0;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 16px;border-radius:16px}.home-page .home-choice-card.featured{background:var(--surface);border-color:var(--line)}.home-page .home-choice-card.featured h3{color:var(--ink-strong)}.home-page .home-choice-card.featured p{color:var(--muted)}.home-page .home-choice-card.featured strong{color:var(--green)}.home-page .home-choice-card.featured .home-choice-icon{color:var(--green);background:var(--green-soft)}.home-page .home-choice-card:hover{transform:none;box-shadow:var(--shadow-sm)}.home-page .home-choice-icon{width:42px;height:42px}.home-page .home-choice-card h3{margin-bottom:5px;font-size:1.125rem;line-height:1.3}.home-page .home-choice-card p{margin-bottom:10px;font-size:.9375rem;line-height:1.45}.home-page .home-choice-card strong{min-height:36px;font-size:.9375rem}.home-page .final-cta{padding:26px 0}.home-page .final-cta-inner{align-items:stretch;gap:16px}.home-page .final-cta h2{font-size:1.625rem}.home-page .final-cta .button{width:100%;min-height:52px}.home-page .final-cta .button>svg:last-child{display:none}.site-footer{padding:32px 0 20px}.footer-grid{gap:20px;padding-bottom:24px}.site-footer h4{margin-bottom:8px}.site-footer .footer-grid a:not(.brand){min-height:40px;display:flex;align-items:center;margin:4px 0}.site-footer .teacher-notice{padding:16px 0;line-height:1.55}.footer-bottom{padding-top:16px}}.lesson-quiz{padding:clamp(24px,4vw,36px);margin-top:8px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.lesson-quiz-empty{display:grid;justify-items:center;gap:8px;padding:44px 24px;text-align:center;color:var(--muted);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius);font-size:.9375rem}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.quiz-title-area{display:grid;gap:4px}.quiz-title-area .eyebrow{margin:0}.quiz-title-area h3{margin:0;font-size:1.375rem}.quiz-progress-text{color:var(--green);font-size:.875rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-progress-bar{height:8px;margin:14px 0 26px;overflow:hidden;background:var(--surface-2);border-radius:99px}.progress-fill{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .25s ease}.quiz-question-area{max-width:720px;margin-bottom:22px}.question-type-badge{display:inline-flex;width:max-content;padding:4px 11px;color:var(--gold);background:var(--gold-soft);border-radius:var(--radius-pill);font-size:.75rem;font-weight:650;margin-bottom:12px}.quiz-question-text{margin:12px 0 0;color:var(--ink-strong);font-size:1.25rem;font-weight:650;line-height:1.4}.quiz-options{display:grid;gap:10px;margin-bottom:8px}.quiz-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:13px 16px;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.9375rem;transition:border-color .16s ease,background .16s ease}.quiz-option:hover:not(:disabled){border-color:var(--green);background:var(--surface-2)}.quiz-option:disabled{cursor:default;opacity:.85}.quiz-option.correct{color:var(--green);border-color:var(--green);background:var(--green-soft);opacity:1}.quiz-option.incorrect{color:var(--red-ink);border-color:var(--red-line);background:var(--red-soft);opacity:1}.option-indicator{display:grid;place-items:center;flex:none;width:26px;height:26px}.option-letter{display:grid;place-items:center;width:26px;height:26px;color:var(--muted);background:var(--surface-2);border-radius:8px;font-size:.8125rem;font-weight:650}.quiz-option.correct .option-indicator{color:var(--green)}.quiz-option.incorrect .option-indicator{color:var(--red-ink)}.option-text{flex:1 1}.quiz-feedback{padding:16px 18px;margin-top:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2)}.quiz-feedback.correct{background:var(--green-soft);border-color:var(--green-line)}.quiz-feedback.incorrect{background:var(--red-soft);border-color:var(--red-line)}.feedback-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:650;color:var(--ink-strong)}.quiz-feedback.correct .feedback-header{color:var(--green)}.quiz-feedback.incorrect .feedback-header{color:var(--red-ink)}.feedback-explanation{margin:0;color:var(--muted);font-size:.9375rem}.quiz-navigation{display:flex;gap:12px;margin-top:24px}.quiz-navigation .button:disabled{opacity:.45;cursor:not-allowed}.lesson-quiz-results{text-align:center}.quiz-results-inner{padding:16px 0}.results-header{margin-bottom:28px}.results-header h3{font-size:1.75rem;margin-bottom:8px}.results-summary{margin:0;color:var(--muted)}.results-score{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;padding:24px;margin:24px 0;background:var(--surface-2);border-radius:var(--radius);text-align:left}.score-circle{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:1.375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results-score.passed .score-circle{color:var(--green);background:var(--green-soft);border-color:var(--green-line)}.results-score.needs-review .score-circle{color:var(--red-ink);background:var(--red-soft);border-color:var(--red-line)}.score-number{font-size:1.75rem}.score-details{display:grid;gap:6px}.score-status{margin:0;font-size:1.125rem;font-weight:650;color:var(--ink-strong)}.score-breakdown{margin:0;color:var(--muted);font-size:.9375rem}.results-feedback{margin:24px 0;padding:20px 24px;border-radius:var(--radius)}.feedback.positive{background:var(--green-soft);color:var(--green);border:1px solid var(--green-line)}.feedback.needs-work{background:var(--red-soft);color:var(--red-ink);border:1px solid var(--red-line)}.results-feedback .feedback{display:flex;gap:12px;align-items:flex-start;text-align:left}.results-feedback svg{flex:none;margin-top:2px}.results-feedback p{margin:0;line-height:1.55}.results-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}@media (max-width:800px){.lesson-quiz{padding:22px}.quiz-header{flex-direction:column;align-items:flex-start}.quiz-question-text{font-size:1.0625rem}.results-score{grid-template-columns:1fr;gap:16px;text-align:center;justify-items:center}.score-circle{width:104px;height:104px}}