:root{--forest:#10352e;--deep:#0b2722;--sage:#dce8df;--ivory:#f8f6f0;--paper:#fffefa;--ink:#18352f;--muted:#53645d;--gold:#c9a260;--line:#d8dfd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%}p{line-height:1.75}h1,h2,h3,p,figure{margin-top:0}h1,h2,.hadith blockquote,.verse blockquote{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h2{font-size:clamp(2.65rem,5vw,5.5rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:30px}h2 em,h1 em{font-weight:400}h3{line-height:1.25}.wrap{max-width:1320px;padding:0 clamp(22px,5vw,78px);margin:auto}.section{padding:clamp(80px,9vw,142px) 0}.eyebrow{font-size:.71rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#387366;line-height:1.5;margin-bottom:25px}.eyebrow.gold{color:#dfbf86}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;min-height:58px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .22s,background .22s,color .22s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--gold);color:#172e28}.btn.primary:hover{background:#e0ba78}.btn.outline{border:1px solid rgba(255,255,255,.65);color:#fff}.btn.outline:hover{background:#fff;color:var(--deep)}.btn.text-link{padding:0;min-height:0;border-bottom:1px solid var(--gold);font-size:.82rem;color:var(--ink)}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(22px,5vw,78px);background:var(--paper);color:var(--ink)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{font-family:Georgia,serif;letter-spacing:-.1em;font-size:29px;border:1px solid var(--gold);padding:6px 11px 7px 7px;line-height:1}.brand-mark span{color:var(--gold);font-size:9px;vertical-align:top;letter-spacing:0}.brand-text{font-size:14px;font-weight:700;line-height:1.2}.brand-text small{display:block;color:#65766d;letter-spacing:.15em;font-size:8px;margin-top:5px}.site-header nav{display:flex;gap:31px}.site-header nav a,.header-cta{text-decoration:none;font-size:13px;font-weight:700}.site-header nav a:hover{text-decoration:underline}.header-cta{border-bottom:1px solid var(--gold);padding-bottom:7px}.header-cta span{color:#b58946;margin-left:9px}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--deep);color:#fff}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('images/tafseer-hero.webp');background-size:cover;background-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(8,32,27,.96) 0%,rgba(8,32,27,.86) 35%,rgba(8,32,27,.27) 69%,rgba(8,32,27,.08) 100%)}.hero-inner{position:relative;z-index:1;width:100%;padding-top:100px;padding-bottom:100px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(3.8rem,7.2vw,7.6rem);line-height:.98;letter-spacing:-.04em;margin-bottom:35px}.hero h1 em{display:block;color:#e1ba78}.hero-copy>p:not(.eyebrow):not(.trust){font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.75;color:#e3e8e3;max-width:640px}.hero-actions,.final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.trust{font-size:12px;color:#c7d7d0;margin:30px 0 0;line-height:1.8}.trust b{color:var(--gold);padding:0 6px}.hero-side{position:absolute;right:20px;bottom:43px;writing-mode:vertical-rl;color:#d4c09a;letter-spacing:.22em;font-size:10px}.two-col{display:grid;grid-template-columns:1fr .9fr;gap:clamp(45px,9vw,145px)}.measure{font-size:1.05rem;color:var(--muted);max-width:570px}.measure p+p{margin-top:24px}.verse{margin:85px 0 0;background:var(--forest);color:#fff;padding:clamp(30px,5vw,75px);display:grid;grid-template-columns:170px 1fr;column-gap:5vw;align-items:center}.verse-meta{align-self:start;font-size:11px;letter-spacing:.16em;color:#d8bd8d}.verse-meta strong{display:block;font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:0;font-size:32px;line-height:1.1;color:white;margin-top:55px}.verse blockquote,.hadith blockquote{font-family:'Noto Naskh Arabic',serif;line-height:2.25;font-size:clamp(1.55rem,2.7vw,2.7rem);margin:0;text-align:right;overflow-wrap:anywhere}.verse figcaption{grid-column:2;color:#d5dfd8;font-size:13px;line-height:1.8;max-width:700px;border-top:1px solid #467068;padding-top:20px;margin-top:22px}.comparison{background:#e6ede6}.comparison h2{max-width:1000px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b6c7bd;border:1px solid #b6c7bd;margin-top:58px}.compare-grid article{background:#f8faf5;padding:38px;min-height:340px}.ordinal,.card-number{font-family:'DM Serif Display',serif;color:#b58a4c;font-size:35px}.compare-grid h3{font-size:21px;margin:65px 0 16px}.compare-grid p,.curriculum-card p{color:var(--muted);font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head h2{margin:0;max-width:850px}.section-head>p{max-width:300px;color:var(--muted);margin-bottom:6px}.path-section{background:var(--paper)}.path-shell{border:1px solid var(--line);display:grid;grid-template-columns:42% 58%;min-height:490px}.path-tabs{display:flex;flex-direction:column;background:#edf2ec}.path-tab{flex:1;display:flex;gap:26px;align-items:center;text-align:left;background:none;color:var(--ink);border:0;border-bottom:1px solid #cddbd0;padding:24px 30px;font-weight:600;min-height:100px;transition:background .3s,color .3s}.path-tab:last-child{border-bottom:0}.path-tab[aria-selected=true]{background:var(--forest);color:#fff}.path-tab:hover:not([aria-selected=true]){background:#dbe7dc}.path-index{color:#af854c;font-family:'DM Serif Display',serif;font-size:29px;white-space:nowrap}.path-tab[aria-selected=true] .path-index{color:#e1b979}.path-content{position:relative;display:flex;align-items:center;padding:clamp(35px,5vw,75px);overflow:hidden}.path-panel{animation:fadein .4s ease}.path-panel[hidden]{display:none}.path-panel h3{font-family:'DM Serif Display',serif;font-weight:400;line-height:1.08;letter-spacing:-.025em;font-size:clamp(2.1rem,3vw,3.4rem)}.path-panel p:not(.eyebrow){color:var(--muted);max-width:580px}.path-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#d8ded5}.path-progress span{display:block;height:100%;width:25%;background:var(--gold);transition:transform .4s}.curriculum{background:var(--ivory)}.curriculum-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.curriculum-card{background:var(--paper);padding:27px;min-height:310px;border-top:2px solid #c7d9cf}.curriculum-card h3{font-size:18px;margin:25px 0 15px}.curriculum-card p{line-height:1.65}.lesson{background:var(--deep);color:#fff}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.lesson-heading{position:sticky;top:50px;align-self:start}.lesson-heading>p:last-child{color:#c6d6cf;max-width:400px}.steps{list-style:none;padding:0;margin:0}.steps li{border-top:1px solid #496a5f;display:flex;gap:33px;padding:27px 0}.step-n{color:#d7ad70;font-family:'DM Serif Display',serif;font-size:30px}.steps h3{font-size:20px;margin:3px 0 9px}.steps p{color:#c7d6ce;margin:0;font-size:14px}.teacher{background:#fbfaf6}.teacher-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.teacher-grid>div>p:not(.eyebrow){color:var(--muted)}.hadith{background:#e8eee6;padding:clamp(28px,4vw,58px);margin:0}.hadith blockquote{color:#173d32;font-size:clamp(1.3rem,2.1vw,2rem)}.hadith figcaption{margin-top:25px;border-top:1px solid #bacabf;padding-top:22px;color:var(--muted);font-size:13px;line-height:1.75}.hadith small{display:block;font-size:12px;margin-top:13px;font-weight:700;color:#315647}.care{background:#d5e3d9}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.thin-rule{display:block;background:#ba935a;width:55px;height:2px;margin-bottom:40px}.audience{background:var(--paper)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{border-top:1px solid var(--line);padding:16px 0 16px 30px;position:relative;line-height:1.55;font-size:14px}.check-list li:before{content:'↗';position:absolute;left:0;color:#b48d52}.progress-card{background:var(--forest);color:#fff;padding:clamp(30px,4vw,60px)}.progress-card h3{font-family:'DM Serif Display',serif;font-size:clamp(2.1rem,3vw,3.3rem);font-weight:400}.progress-card>p:not(.eyebrow){color:#ccdbd2}.check-list.light li{border-color:#497064;color:#ecf1eb}.schedule{background:#edf2eb}.schedule-grid{display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:center}.schedule-grid>div>p:not(.eyebrow){color:var(--muted)}.schedule-grid .btn{margin-top:20px}.schedule-visual{background:#173d34;min-height:485px;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 20px 0 #d1dfd3}.schedule-top,.schedule-bottom{display:flex;justify-content:space-between;color:#d9bd85;font-size:11px;font-weight:700;letter-spacing:.15em}.schedule-lines>div{border-top:1px solid #527266;display:flex;align-items:center;gap:30px;padding:22px 0}.schedule-lines b{font-family:'DM Serif Display',serif;color:#dcb878;font-size:30px;font-weight:400}.schedule-lines span{font-size:17px}.schedule-bottom span{font-size:20px}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.faq-grid>div>p:not(.eyebrow){color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;font-weight:600;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:#9a7545;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-4px 35px 20px 0;color:var(--muted);font-size:14px}.final-cta{background:var(--forest);color:#fff;padding:100px 0;text-align:center}.final-inner{max-width:900px}.final-inner h2{font-size:clamp(3rem,6vw,6.4rem)}.final-inner>p:not(.eyebrow){color:#d9e5db;max-width:650px;margin:0 auto}.final-actions{justify-content:center}.booking-note{font-size:11px!important;color:#c3d6ca!important;margin-top:22px!important}.footer{background:#0a241f;color:#fff;padding:55px 0}.footer .wrap{display:flex;justify-content:space-between;gap:50px}.footer strong{font-family:'DM Serif Display',serif;font-weight:400;font-size:25px}.footer p{font-size:13px;color:#a8c0b1}.footer .wrap>div:last-child{display:grid;gap:9px}.footer span{color:#d0ad72;font-size:10px;letter-spacing:.15em}.footer a{font-size:12px;text-decoration:none;color:#ccddd3}.footer a:hover{text-decoration:underline}@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid #d4a85e;outline-offset:3px}@media(max-width:1000px){.curriculum-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{display:none}.teacher-grid,.audience-grid,.schedule-grid{gap:5vw}}@media(max-width:700px){.site-header{height:70px}.brand-mark{font-size:22px}.brand-text{font-size:12px}.brand-text small{font-size:7px}.header-cta{font-size:11px}.hero{min-height:0;display:block;padding-top:240px}.hero-image{height:330px;inset:0 0 auto;background-position:66% center}.hero-shade{background:linear-gradient(180deg,rgba(8,32,27,.05) 0,rgba(8,32,27,.28) 220px,var(--deep) 345px);height:430px}.hero-inner{padding-top:45px;padding-bottom:70px;background:var(--deep)}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.4rem,12vw,5.6rem)}.hero-copy>p:not(.eyebrow):not(.trust){font-size:15px}.hero-actions,.final-actions{flex-direction:column}.hero-actions .btn,.final-actions .btn{width:100%}.hero-side{display:none}.section{padding:75px 0}.two-col,.care-grid,.lesson-grid,.teacher-grid,.audience-grid,.schedule-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.measure{font-size:15px}.verse{grid-template-columns:1fr;margin-top:40px;padding:28px}.verse-meta{display:flex;justify-content:space-between;align-items:start}.verse-meta strong{font-size:22px;margin:0;text-align:right}.verse blockquote{font-size:1.6rem;margin-top:27px;line-height:2.2}.verse figcaption{grid-column:1;font-size:12px}.compare-grid{grid-template-columns:1fr;margin-top:38px}.compare-grid article{min-height:0;padding:27px}.compare-grid h3{margin-top:20px}.section-head{display:block}.section-head>p{margin-top:18px}.path-shell{display:block}.path-tab{min-height:75px;padding:14px 20px;gap:16px}.path-index{font-size:24px}.path-content{min-height:325px;padding:32px 25px}.curriculum-grid{grid-template-columns:1fr}.curriculum-card{min-height:0}.lesson-heading{position:static}.steps li{padding:22px 0}.hadith{margin-top:20px}.schedule-visual{min-height:390px;box-shadow:10px 10px 0 #d1dfd3}.faq-grid{gap:25px}.footer .wrap{display:block}.footer .wrap>div:last-child{margin-top:35px}h2{font-size:clamp(2.65rem,10vw,4rem)}}@media(max-width:390px){.site-header{gap:8px}.header-cta{max-width:105px;line-height:1.15}.brand-text small{letter-spacing:.07em}.hero{padding-top:215px}.hero-image{height:300px}.hero h1{font-size:3.1rem}.btn{font-size:13px;padding:16px}.trust{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.artwork{background:#f8f6f0;padding-top:90px;padding-bottom:95px}.artwork-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.artwork-head h2{margin-bottom:0;max-width:700px}.artwork-head>p{max-width:350px;color:var(--muted);font-size:15px;margin-bottom:5px}.artwork-frame{margin:0}.artwork-frame img{display:block;width:100%;height:auto;background:#faf8f1}.artwork-frame figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;color:#80683f;font-size:10px;letter-spacing:.15em;font-weight:700}@media(max-width:700px){.artwork{padding-top:65px;padding-bottom:75px}.artwork-head{display:block}.artwork-head>p{font-size:14px;margin-top:15px}.artwork-frame figcaption{font-size:8px;letter-spacing:.08em}}

/* Warm gold verse panel and photographic lesson detail */
.verse{background:#e2bd77;color:#15392f}.verse-meta{color:#365649}.verse-meta strong{color:#14372f}.verse figcaption{color:#2e4b40;border-top-color:#bd985b}.verse blockquote{color:#12352d}.lesson-photo{margin:48px 0 0;max-width:490px}.lesson-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.lesson-photo figcaption{color:#d9b97e;font-size:10px;letter-spacing:.14em;font-weight:700;padding-top:13px;border-top:1px solid #496a5f;margin-top:12px}@media(max-width:700px){.lesson-photo{margin-top:30px;max-width:none}.lesson-photo img{aspect-ratio:1.3}}

/* Arabic-course inspired editorial hero, adapted to Tafseer */
.top-ribbon{height:38px;background:#0d2924;color:#d2c8a9;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,78px);font-size:10px;letter-spacing:.17em;font-weight:700}.top-ribbon span:last-child{color:#aebeb4}.site-header{height:88px;background:#fbfaf4;box-shadow:0 2px 10px rgba(18,42,35,.04);position:relative;z-index:4}.brand-mark{font-size:24px;letter-spacing:-.06em;background:#0c5a45;color:#fff;border:0;border-radius:17px 17px 5px 5px;width:55px;height:55px;display:grid;place-items:center;padding:0}.brand-text{font-family:'DM Serif Display',Georgia,serif;font-size:23px;font-weight:400}.brand-text small{font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:.02em;font-weight:400;color:#65776e}.site-header nav a{font-size:12px}.header-cta{background:#075b43;color:#fff;padding:14px 22px;border:0;border-radius:35px;white-space:nowrap}.header-cta span{color:#fff}.hero{min-height:0;display:block;background:radial-gradient(circle at 70% 47%,#e5f0e8 0,#fbfaf2 47%,#fffaf0 100%);color:#173a30;overflow:hidden}.hero-layout{min-height:760px;display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(35px,5vw,80px);align-items:center;padding-top:65px;padding-bottom:78px;position:relative;z-index:1}.hero-copy{max-width:585px}.breadcrumbs{font-size:10px!important;color:#77857c!important;letter-spacing:.15em;font-weight:700;margin-bottom:40px;line-height:1.5!important}.breadcrumbs span{color:#c5a05c;margin:0 10px}.hero .eyebrow{color:#856b3d;margin-bottom:22px}.hero h1{font-size:clamp(3.5rem,5.7vw,6.35rem);line-height:1.035;letter-spacing:-.043em;margin-bottom:27px}.hero h1 em{display:inline;color:#c89c42}.hero-copy>p:not(.eyebrow):not(.breadcrumbs){color:#586b61;font-size:16px;line-height:1.72;max-width:520px;margin-bottom:12px}.hero-actions{margin-top:30px;align-items:center;gap:20px}.hero .btn.primary{border-radius:35px;min-height:57px;padding:16px 26px;background:#d3a638;color:#16382f;box-shadow:0 12px 25px rgba(177,132,43,.15)}.hero .btn.hero-secondary{min-height:56px;color:#1d473a;padding:13px 2px;background:transparent;font-size:13px}.hero .btn.hero-secondary span{border:1px solid #d5ddcf;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px}.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:14px 20px;margin:31px 0 0;padding:0}.hero-trust li{font-size:9px;letter-spacing:.08em;font-weight:700;color:#566e62;display:flex;align-items:center;gap:7px}.hero-trust li:before{content:'✓';color:#186d55;background:#dbeae2;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:11px}.hero-art{position:relative;width:100%;padding:80px 0 65px;min-width:0}.hero-soft-shape{position:absolute;inset:7% -8% 0 -20%;border-radius:47% 53% 30% 55%;transform:rotate(-10deg);background:radial-gradient(circle at 66% 34%,rgba(138,196,167,.45),rgba(229,237,220,.35) 56%,transparent 72%)}.hero-image-frame{position:relative;margin-left:8%;border-radius:31% 30px 30px 30px;overflow:hidden;background:#133329;box-shadow:0 28px 50px rgba(18,60,43,.16);aspect-ratio:1.19}.hero-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:61% center}.hero-image-outline{position:absolute;inset:12px;border:1px solid rgba(223,185,112,.65);border-radius:29% 20px 20px 20px;pointer-events:none}.hero-note{position:absolute;background:#fffefa;color:#173d32;box-shadow:0 12px 25px rgba(22,63,47,.12);padding:14px 18px;border-radius:10px;z-index:1}.hero-note small{display:block;color:#917b51;letter-spacing:.12em;font-size:8px;font-weight:700;margin-bottom:6px}.hero-note strong{font-family:'DM Serif Display',Georgia,serif;font-size:17px;font-weight:400;white-space:nowrap}.hero-note-a{left:-2%;top:29%}.hero-note-b{right:-4%;bottom:18%;display:flex;align-items:center;gap:12px}.hero-note-icon{width:31px;height:31px;border-radius:50%;background:#0e6149;color:#fff;display:grid;place-items:center}.hero-art-track{position:absolute;bottom:31px;right:7%;width:75%;height:50px;background:#0c352b;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 15px 27px rgba(4,42,30,.1)}.hero-art-track i{width:8px;height:8px;background:#e4be76;border-radius:50%;box-shadow:0 0 0 6px rgba(240,215,157,.12)}.hero-art-track span{height:1px;background:#b7aa80;width:21%}.hero-edge{height:10px;background:#0a3f31}
@media(max-width:1000px){.brand-text{font-size:20px}.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:clamp(3.2rem,5.5vw,5rem)}.hero-note-a{left:0}.hero-note-b{right:0}}
@media(max-width:700px){.top-ribbon{height:29px;font-size:8px;letter-spacing:.08em}.top-ribbon span:last-child{display:none}.site-header{height:70px}.brand-mark{width:44px;height:44px;font-size:20px;border-radius:13px 13px 4px 4px}.brand-text{font-size:17px}.brand-text small{font-size:7px}.header-cta{font-size:10px;padding:12px 13px}.hero{padding-top:0}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:12px;padding-top:50px;padding-bottom:52px;background:transparent}.hero-copy{max-width:none}.breadcrumbs{margin-bottom:28px}.hero h1{font-size:clamp(3.35rem,12vw,5.4rem);max-width:630px}.hero-copy>p:not(.eyebrow):not(.breadcrumbs){font-size:15px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:12px}.hero .btn.primary{width:auto}.hero .btn.hero-secondary{width:auto}.hero-trust{margin-top:22px}.hero-art{padding:25px 15px 45px;margin-top:10px}.hero-soft-shape{inset:0 -5% 0 -5%}.hero-image-frame{margin-left:0;aspect-ratio:1.23}.hero-note-a{top:15%;left:0}.hero-note-b{right:0;bottom:12%}.hero-art-track{right:10%;bottom:20px;height:34px}.hero-edge{height:7px}}
@media(max-width:390px){.brand-text{font-size:14px}.brand-text small{font-size:6px}.header-cta{max-width:none;font-size:9px;padding:10px}.hero h1{font-size:3rem}.hero .btn.primary{font-size:12px}.hero-note{padding:9px 11px}.hero-note strong{font-size:13px}.hero-note-a{top:17%}.hero-note-b{bottom:14%}.hero-note-icon{width:24px;height:24px}}

/* Guided passage study */
.reading-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ad8738,#e4c17c)}.passage-study{background:#f2f7f0;position:relative}.passage-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.passage-intro h2{max-width:760px;margin:0}.passage-intro>p{max-width:330px;color:#5a6d61;margin:0 0 8px}.study-shell{background:#fffef9;border:1px solid #dae4d8;border-radius:28px;padding:clamp(22px,3vw,43px);box-shadow:0 25px 55px rgba(25,70,48,.07)}.study-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:17px;border-bottom:1px solid #d9e6da;font-size:10px;font-weight:700;letter-spacing:.15em;color:#8d6e3a}.study-topline a{text-decoration:none}.study-topline a:hover{text-decoration:underline}.study-verse{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 23px;padding:46px 10px 28px}.phrase{font-family:'Noto Naskh Arabic',serif;font-size:clamp(1.5rem,2.45vw,2.9rem);line-height:2;border:0;background:none;color:#173d32;position:relative;padding:0 3px 15px;transition:color .25s;white-space:normal}.phrase:after{content:'';height:3px;width:30%;position:absolute;bottom:4px;left:35%;background:#b9d2bd;transition:width .25s,left .25s,background .25s}.phrase[aria-selected=true]{color:#006c4e}.phrase[aria-selected=true]:after{width:82%;left:9%;background:#c69a32;box-shadow:0 5px 12px #dfc57d}.phrase:hover{color:#006c4e}.study-panels{min-height:300px}.study-panel{display:grid;grid-template-columns:90px minmax(0,1.5fr) minmax(220px,.85fr);gap:30px;align-items:center;border:1px solid #d7e5d7;border-left:4px solid #bf9d40;background:linear-gradient(110deg,#f2f9f3,#fffef9);padding:32px}.study-panel[hidden]{display:none}.study-number{border:1px solid #d7be74;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;color:#8c6b2f;font-family:'DM Serif Display',serif;font-size:14px;text-align:center;line-height:1.2;padding:6px}.study-label{font-size:9px;font-weight:700;letter-spacing:.17em;color:#8a6c38}.study-main h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(1.7rem,2.5vw,2.7rem);margin:7px 0 12px}.study-main p,.study-panel aside p{font-size:14px;color:#576b5e;line-height:1.7;margin:0}.study-panel aside{border-left:1px solid #c9a956;padding:15px 0 15px 18px;background:#fff}.study-panel aside p{margin-top:10px}.study-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;color:#8d744b;font-size:9px;letter-spacing:.14em;font-weight:700}.study-dots{display:flex;gap:8px}.study-dots button{height:8px;width:8px;padding:0;border:0;background:#b9cfbb;border-radius:50%;transition:width .25s,background .25s}.study-dots button[aria-current=true]{width:26px;background:#b58d36;border-radius:10px}.study-caveat{font-size:12px;color:#62766a;margin:18px 0 0}.study-caveat a{color:#0d674e;text-underline-offset:3px}.curriculum-grid{grid-template-columns:repeat(3,1fr)}.curriculum-card{min-height:260px}.curriculum-card:nth-child(4n+2){background:#e8f0e7}.curriculum-card:last-child{background:#dce9dc}
@media(max-width:1000px){.curriculum-grid{grid-template-columns:repeat(2,1fr)}.study-panel{grid-template-columns:70px 1fr}.study-panel aside{grid-column:2}.passage-intro{align-items:start}}
@media(max-width:700px){.passage-intro{display:block;margin-bottom:27px}.passage-intro>p{max-width:none;margin-top:16px}.study-shell{border-radius:17px;padding:20px 16px}.study-topline{font-size:8px}.study-verse{display:flex;flex-direction:column;gap:0;padding:25px 0 16px}.phrase{font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.8;padding-bottom:12px}.study-panel{display:block;padding:22px}.study-number{width:48px;height:48px;font-size:10px;margin-bottom:20px}.study-main h3{font-size:1.9rem}.study-panel aside{margin-top:23px}.study-panels{min-height:420px}.curriculum-grid{grid-template-columns:1fr}.curriculum-card{min-height:0}}

/* Final accessibility and contrast refinements */
.auto-toggle{border:1px solid #bdcfc3;background:#fffefa;color:#245044;border-radius:30px;padding:8px 13px;font-size:10px;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.auto-toggle:hover{background:#eef5ef}.auto-toggle[aria-pressed=true]{background:#173f34;color:#fff;border-color:#173f34}.path-auto-toggle{position:absolute;right:22px;top:20px;z-index:2}.study-controls{display:flex;align-items:center;gap:16px}.study-footer{gap:18px}.hadith .eyebrow.gold{color:#795d2c}.hadith figcaption{color:#435c51}.hadith small{color:#234a3d}@media(max-width:700px){.path-auto-toggle{right:15px;top:14px;padding:7px 10px}.study-footer{align-items:flex-start}.study-controls{gap:10px}.auto-toggle{font-size:9px;padding:7px 10px}}