/* Unified interface: navy surfaces, warm white copy, restrained gold accents. */
html body{--dc-surface:#681b36;--dc-raised:#7c2846;--dc-ink:#fff8eb;--dc-gold:#eed39c;background:#8a1538!important;color:var(--dc-ink)!important}
html body :is(main,.home-layout,.dc-growth,.collection,.collection-section,.quick-finder,.daily-feature,.home-daily,.downloads,.share-section,.dc-plan,.dc-reading-tools,.dc-reading-virtue,.gift-lifetime,.gift-overview){background:var(--dc-surface)!important;color:var(--dc-ink)!important;box-sizing:border-box;max-width:none!important;width:100%!important}
html body :is(main,.home-layout){padding-inline:clamp(14px,2.5vw,40px)!important;margin-inline:0!important}
html body :is(.dc-growth,.quick-finder,.collection,.collection-section,.downloads,.dc-plan,.dc-reading-tools,.dc-reading-virtue){border:0!important;box-shadow:none!important;border-radius:0!important;margin:28px 0!important;padding:28px 0!important}
html body .dc-growth{padding:clamp(18px,2.5vw,36px)!important}
html body :is(.hero,.gift-poster-hero,.id-hero){background:#681b36!important;color:var(--dc-ink)!important;box-shadow:none!important;border:0!important;border-radius:16px!important;max-width:none!important;width:100%!important;padding:clamp(24px,4vw,52px)!important;text-align:center!important}
html body .hero::after{display:none!important}
html body :is(.dc-growth,.hero,.gift-poster-hero,.id-hero,.heading,.section-heading,.quick-finder-heading,.dc-plan,.dc-reading-tools,.dc-reading-virtue,.q-panel,.progress-panel,.gift-lifetime,.gift-overview) :is(h1,h2,h3,h4,p,label,summary,small):not(:is(.card *,.dua-card *,article *,.cover-preview *,.dc-first-page *)){color:var(--dc-ink)!important;-webkit-text-fill-color:var(--dc-ink)!important;background:none!important;opacity:1!important;text-align:center!important}
html body :is(.hero,.heading,.section-heading,.dc-plan,.dc-reading-tools,.dc-growth) :is(h1,h2,h3):not(:is(.card *,.dua-card *,article *)){color:var(--dc-gold)!important;-webkit-text-fill-color:var(--dc-gold)!important}
html body .hero :is(h1,h1 em,h1 span){color:var(--dc-gold)!important;-webkit-text-fill-color:var(--dc-gold)!important;background:none!important;text-align:center!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.5!important}
html body :is(.dc-growth,.hero,.dc-plan,.dc-reading-tools,.q-panel,.progress-panel) :is(p,label,summary):not(:is(.card *,.dua-card *,article *)){font-size:clamp(20px,1.65vw,24px)!important;line-height:1.85!important;font-weight:500!important}
html body :is(.heading,.section-heading,.dc-plan,.dc-reading-tools,.dc-growth) h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.5!important;font-weight:750!important;text-align:center!important}
html body .dc-language-strip,html body .dc-language-menu,html body .dc-app-promotion{background:#681b36!important;color:var(--dc-gold)!important}
html body .dc-language-support{background:#7c2846!important;text-align:center!important}
html body :is(.site-header,.top,.id-header) .brand,html body :is(.site-header,.top,.id-header) .brand :is(strong,span,small){color:var(--dc-gold)!important;-webkit-text-fill-color:var(--dc-gold)!important;background:none!important}
html body .dc-language-support a.dc-header-support,html body .dc-support-reminder a{color:#332a1a!important;-webkit-text-fill-color:#332a1a!important}
html body :is(.site-header,.top,.id-header) :is(select,option){background:#fff8eb!important;color:#332a1a!important;-webkit-text-fill-color:#332a1a!important}
html body :is(.hero-actions,.dc-quick-navigation,.dc-resume-row,.dc-tools-tabs,.gift-promo__actions,.dedication-feature__actions,.khatm-share){justify-content:center!important}
html body :is(.dedication-feature,.gift-promo.gift-promo--feature){display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(24px,4vw,60px)!important;width:100%!important;max-width:none!important;margin:34px 0!important;padding:32px clamp(18px,2.4vw,36px)!important;background:#782b49!important;border:1px solid #d3b27466!important;border-radius:18px!important;box-shadow:none!important;text-align:center!important;order:-1!important}
html body :is(.dedication-feature__art,.gift-promo__art){width:100%!important;max-width:none!important;margin:auto!important}
html body :is(.dedication-feature__art,.gift-promo__art) img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:12px!important}
html body :is(.dedication-feature__copy,.gift-promo__copy){width:100%!important;max-width:none!important;margin:0!important;text-align:center!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) :is(h2,h2 mark){background:none!important;color:#ffe2a8!important;-webkit-text-fill-color:#ffe2a8!important;text-shadow:none!important;opacity:1!important;padding:0!important;font-size:clamp(30px,3vw,44px)!important;line-height:1.55!important;text-align:center!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) :is(p,small,span,strong,blockquote,cite){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;background:none!important;opacity:1!important;text-align:center!important;font-size:clamp(20px,1.7vw,24px)!important;line-height:1.85!important;font-weight:500!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) :is(.dedication-feature__eyebrow,.gift-promo__eyebrow){color:#eed39c!important;-webkit-text-fill-color:#eed39c!important;font-size:18px!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) blockquote{margin:18px 0!important;padding:12px 0!important;border:0!important;border-block:1px solid #d3b27455!important}
html body :is(.dedication-feature__button,.gift-promo__start,.dc-gift-dua,.gift-hero-cta,.dc-gift-personalise){display:inline-flex!important;align-items:center;justify-content:center;min-height:56px!important;padding:13px 24px!important;background:#eed39c!important;color:#332a1a!important;-webkit-text-fill-color:#332a1a!important;border:1px solid #c5a66d!important;border-radius:10px!important;font-size:21px!important;font-weight:750!important;text-decoration:none!important}
html body :is(.gift-home-share,button[data-share-gift]){background:#681b36!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;border:1px solid #9baab6!important;padding:12px 18px!important;border-radius:10px!important;font-size:18px!important;min-height:48px}
html body .competition-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;max-width:none!important;gap:24px!important;margin:40px 0!important;padding-top:30px!important;border-top:1px solid #d3b27466!important}
html body .competition-hub .khatm-board{background:#7c2846!important;border:1px solid #7c91a055!important;border-radius:16px!important;box-shadow:none!important;padding:26px!important;color:#fff8eb!important}
html body .competition-hub .khatm-board.quran-board{border-top:3px solid #9acbdc!important;background:#7c2846!important}
html body .competition-hub .khatm-board.dua-board{border-top:3px solid #c3b0da!important;background:#29334b!important}
html body .competition-hub .khatm-board h2{background:none!important;color:#eed39c!important;-webkit-text-fill-color:#eed39c!important;font-size:clamp(27px,2.4vw,36px)!important;line-height:1.6!important;padding:0!important;margin:0 0 16px!important;text-align:center!important}
html body .competition-hub .khatm-board :is(p,small){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font-size:20px!important;line-height:1.85!important;text-align:center!important}
html body .competition-hub .khatm-board a.khatm-start{background:#eed39c!important;color:#332a1a!important;-webkit-text-fill-color:#332a1a!important;border-color:#c5a66d!important;font-size:21px!important}
html body .competition-hub .khatm-podium{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;margin-top:20px!important}
html body .competition-hub .khatm-place{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:4px 10px!important;flex:1 1 160px!important;padding:12px 14px!important;border:1px solid #c5a66d!important;border-radius:12px!important;min-height:0!important;background:#f3dfb6!important;color:#332a1a!important;text-align:center!important}
html body .competition-hub .khatm-place.place-1{background:#e1e6ec!important;border-color:#a7b0bc!important}
html body .competition-hub .khatm-place.place-2{background:#e6c8af!important;border-color:#be8a62!important}
html body .competition-hub .khatm-place .khatm-medal{font-size:28px!important;line-height:1.2!important;margin:0!important;grid-row:1/4!important}
html body .competition-hub .khatm-place :is(b,strong,span,small):not(.khatm-medal){font-size:16px!important;line-height:1.5!important;color:#332a1a!important;-webkit-text-fill-color:#332a1a!important;margin:0!important;overflow-wrap:anywhere}
html body .competition-hub .khatm-place b{font-weight:750!important}
html body #dcOverviewTitle{color:#eed39c!important;-webkit-text-fill-color:#eed39c!important;text-align:center!important;font-size:32px!important}
html body :is(.dc-plan,.dc-reading-tools,.q-panel,.progress-panel,.dc-growth) :is(input,select,option){background:#fff8eb!important;color:#332a1a!important;-webkit-text-fill-color:#332a1a!important;font-size:20px!important;text-align:center!important}
html body :is(.dc-growth,.dc-plan,.dc-reading-tools) :is(.shortcuts a,.finder-card,.section-choice,.dc-topic-chips button,.dc-tools-tabs button){background:#e8edf0!important;color:#24384a!important;-webkit-text-fill-color:#24384a!important;font-size:19px!important;text-align:center!important}
html body :is(.dc-growth,.dc-plan,.dc-reading-tools) :is(.shortcuts a,.finder-card,.section-choice) :is(strong,small,span){color:#24384a!important;-webkit-text-fill-color:#24384a!important}
html body :is(.dc-plan,.dc-reading-tools,.quick-finder,.collection-section,.downloads){border-top:1px solid #d3b27455!important;margin-top:36px!important;padding-top:30px!important}
html[lang=ar] body :is(.gift-promo__copy,.dedication-feature__copy,.dc-plan,.dc-reading-tools,.khatm-board){font-family:'Noto Naskh Arabic',Tahoma,serif!important;letter-spacing:normal!important}
html:not([lang=ar]):not([lang=ur]) body :is(.gift-promo__copy,.dedication-feature__copy,.dc-plan,.dc-reading-tools,.khatm-board){font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:normal!important}
.dc-gift-first{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:40px;align-items:center;width:100%;margin:28px auto;text-align:center;color:#fff8eb}.dc-gift-first h2{font-size:34px;color:#eed39c}.dc-gift-first p{font-size:22px;line-height:1.85}.dc-gift-first figure{margin:0;width:100%}.dc-gift-first :is(img,canvas){display:block;width:100%!important;height:auto!important}.dc-gift-first figcaption{color:#fff8eb;font-size:19px;padding:12px;text-align:center}.dc-gift-first [hidden]{display:none!important}
html body.dc-gift-page main.wrap{display:block!important}html body.dc-gift-page :is(.panel,.gift-lifetime,.gift-overview,.gift-choices,.id-hero,#bookSample,#idGiftSamples){max-width:none!important;width:100%!important;background:#681b36!important;border:0!important;box-shadow:none!important;color:#fff8eb!important}
html body.dc-gift-page .panel :is(h2,h3,p,label,small){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;text-align:center!important}
html body.dc-gift-page .cover-preview{display:none!important}html body.dc-gift-page .dc-first-page .cover-preview{display:flex!important;min-height:0;aspect-ratio:3/4;justify-content:space-between;padding:28px 20px;border:5px double #cfb478;background:#681b36!important;color:#fff8eb;border-radius:0}html body.dc-gift-page .dc-first-page .cover-preview[hidden]{display:none!important}.dc-first-page .cover-preview :is(strong,small,p){color:#f4dca9!important}.dc-first-page .cover-preview strong{font-size:23px}.dc-first-page .cover-preview .name{font-size:29px!important;line-height:1.6;overflow-wrap:anywhere}.dc-first-page img[hidden],.dc-first-page canvas[hidden]{display:none!important}
html body :is(a,button,input,select,summary):focus-visible{outline:3px solid #eed39c!important;outline-offset:4px}
@media(max-width:900px){html body .competition-hub{grid-template-columns:1fr!important}}
@media(max-width:760px){html body :is(.dedication-feature,.gift-promo.gift-promo--feature){grid-template-columns:1fr!important}.dc-gift-first{grid-template-columns:1fr}.dc-gift-first figure{max-width:300px;margin:auto;grid-row:1}.dc-gift-personalise{width:100%}html body .competition-hub .khatm-place{flex:1 1 135px!important}html body .gift-promo__actions>*{flex:1 1 180px}html body .dc-growth{padding-inline:12px!important}}

html body .competition-hub .khatm-place.place-2 .khatm-medal{filter:none!important}
/* Explicit foregrounds for light interface controls; never inherit white text. */
html body .shortcuts a,html body .shortcuts a.wisdom-shortcut{background:#fffaf0!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-weight:800!important;font-size:21px!important;text-align:center!important;justify-content:center!important;gap:12px}
html body .shortcuts a :is(span,strong,small){color:#17232d!important;-webkit-text-fill-color:#17232d!important;opacity:1!important;font-weight:750!important}
html body :is(.site-header,.top,.id-header) nav a,html body .id-header>a.id-brand,html body .top>a.id-brand{color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font-weight:750!important}
html body.dc-gift-page .panel :is(.gift-form-guide,.cover-colours,.gift-colour-picker,.gift-help,.book-note,.gift-offer,.download-wait-note,.gift-progress,.gift-personal-sample){background:#fffaf0!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;border-color:#b39a68!important}
html body.dc-gift-page .panel :is(.gift-form-guide,.cover-colours,.gift-colour-picker,.gift-help,.book-note,.gift-offer,.download-wait-note,.gift-progress,.gift-personal-sample,article) :is(h2,h3,p,label,legend,span,small,strong,select,option){color:#17232d!important;-webkit-text-fill-color:#17232d!important;opacity:1!important;font-weight:750!important;text-shadow:none!important}
html body.dc-gift-page :is(.gift-form-guide,.cover-colours,.gift-colour-picker){background:#fffaf0!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important}
html body.dc-gift-page :is(.gift-form-guide,.cover-colours,.gift-colour-picker) :is(p,label,legend,span,small,select,option,button){color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-weight:750!important;opacity:1!important}
html body.dc-gift-page .cover-colours legend{background:#fffaf0!important;border-radius:5px;padding:4px 10px!important;font-size:21px!important}
html body.dc-gift-page .cover-colour-option>span,html body.dc-gift-page .gift-colour-swatches button{background:#fff!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-size:19px!important;line-height:1.6!important;border-color:#9aa5ad!important}
html body.dc-gift-page .cover-colour-option input:checked+span,html body.dc-gift-page .gift-colour-swatches button[aria-pressed=true]{background:#f2dfb8!important;border-color:#72551e!important;box-shadow:0 0 0 2px #72551e!important}
html body.dc-gift-page .gift-form-guide select,html body.dc-gift-page :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background:#fff!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-size:20px!important;font-weight:650!important}
html body.dc-gift-page :is(input,textarea)::placeholder{color:#52606b!important;-webkit-text-fill-color:#52606b!important;opacity:1!important}
html body.dc-gift-page .gift-form-guide :is(p,label){font-size:20px!important;line-height:1.8!important}
html body.dc-gift-page .panel .gift-book-choice{background:#fffaf0!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important}
html body.dc-gift-page .panel .gift-book-choice :is(span,small,a,select,option){color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-weight:750!important;opacity:1!important}
html body.dc-gift-page .panel .gift-book-choice a{font-size:18px!important;text-decoration:underline!important;text-underline-offset:4px}
html body.dc-gift-page figcaption{color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font-size:18px!important;font-weight:700!important;opacity:1!important}
/* Remaining nested light panels and compact collection navigation. */
html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share){background:#fffaf0!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;border-color:#ac9569!important;max-width:100%!important;box-sizing:border-box!important;padding:20px!important}
html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share) :is(h2,h3,p,label,legend,small,strong,span,summary,select,option){color:#17232d!important;-webkit-text-fill-color:#17232d!important;font-weight:750!important;opacity:1!important}
html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share) :is(button,a.button,.whatsapp-contact,#contactWhatsApp){background:#752c49!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px!important;line-height:1.55!important;padding:12px 18px!important;min-height:48px!important}
html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share) :is(button,a.button) span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.dc-gift-page :is(.gift-sample,#bookSample,#idGiftSamples) :is(h2,h3,p){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font-weight:700!important;text-align:center!important}
html body .dc-support-reminder :is(p,strong,span,h2,h3){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;opacity:1!important}
html body.dc-gift-page :is(select,textarea,input:not([type=radio]):not([type=checkbox])){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share) select{font-size:18px!important;white-space:normal!important}
html body .quick-finder-grid .finder-card,html body .id-groups>a,html body .id-groups>button{min-height:88px!important;height:auto!important;padding:14px 18px!important;gap:5px!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}
html body .quick-finder-grid .finder-card :is(strong,small,span){line-height:1.5!important;margin:0!important}
html body .shortcuts a{min-height:66px!important;padding:14px 18px!important;align-items:center!important}
html body .shortcuts{align-items:start!important;gap:12px!important}
@media(max-width:760px){html body.dc-gift-page main.wrap{width:100%!important;padding-inline:8px!important;margin-inline:0!important}html body.dc-gift-page main.wrap>.panel{padding:16px 8px!important}html body.dc-gift-page .panel :is(.gift-review,.gift-checkout,.gift-payment,.gift-contact,.gift-share){margin-inline:0!important;padding:18px 14px!important}html body .quick-finder-grid{gap:10px!important}html body .quick-finder-grid .finder-card,html body .id-groups>a,html body .id-groups>button{min-height:82px!important;padding:12px 16px!important}html[lang=ur] body :is(.hero,.id-hero){padding:22px 16px!important}html[lang=ur] body :is(.hero,.id-hero) h1{font-size:32px!important;line-height:1.65!important}html body .competition-hub .khatm-board>small{font-size:16px!important;line-height:1.7!important}html body .dc-app-promotion{padding-block:12px!important}}
html body section#selected:has(#groupTitle),html body a.topic{background:#fffdf7!important;color:#111820!important;-webkit-text-fill-color:#111820!important}
html body section#selected:has(#groupTitle) :is(h2,h3,p,label,small,strong,span,a,summary,select,option):not(.dua-card *),html body a.topic :is(strong,span,small){color:#111820!important;-webkit-text-fill-color:#111820!important;opacity:1!important}
html body section#selected:has(#groupTitle) button:not(.dua-card *){background:#edf1f4!important;color:#111820!important;-webkit-text-fill-color:#111820!important;border-color:#8998a4!important}

/* Restore the varied reading-card palette with explicit paired foregrounds. */
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article){--dc-card-a:#303453;--dc-card-b:#514d70;--dc-card-ink:#fff8eb;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;background:linear-gradient(145deg,var(--dc-card-a),var(--dc-card-b))!important;color:var(--dc-card-ink)!important;-webkit-text-fill-color:var(--dc-card-ink)!important;border:1px solid #bda575!important;text-shadow:none!important;opacity:1!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+1){--dc-card-a:#303453;--dc-card-b:#514d70;--dc-card-ink:#fff8eb;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+2){--dc-card-a:#263e65;--dc-card-b:#3b527b;--dc-card-ink:#fff8eb;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+3){--dc-card-a:#382b58;--dc-card-b:#635080;--dc-card-ink:#fff8ef;--dc-card-accent:#f3d79a;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+4){--dc-card-a:#283c4b;--dc-card-b:#395b68;--dc-card-ink:#fff8eb;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+5){--dc-card-a:#492c41;--dc-card-b:#754b62;--dc-card-ink:#fff8ef;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article):nth-child(6n+6){--dc-card-a:#443345;--dc-card-b:#654a55;--dc-card-ink:#fff8eb;--dc-card-accent:#f1d393;--dc-card-control:#ffffff16;}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) *{color:var(--dc-card-ink)!important;-webkit-text-fill-color:var(--dc-card-ink)!important;text-shadow:none!important;background-clip:initial!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) :is(.collection,.card-topline,.id-card-meta,.number,.meta,.badge,h3){background:transparent!important;color:var(--dc-card-accent)!important;-webkit-text-fill-color:var(--dc-card-accent)!important;opacity:1!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) .collection{width:auto!important;max-width:100%!important;padding:6px 10px!important;margin:0!important;border:1px solid currentColor!important;border-radius:8px!important;font-size:16px!important;line-height:1.5!important;font-weight:750!important;overflow-wrap:anywhere}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) :is(.arabic,.text,.meaning,.translation,.transliteration,.source,.note,.context,blockquote){background:transparent!important;opacity:1!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) :is(button,a,summary){background:var(--dc-card-control)!important;color:var(--dc-card-ink)!important;-webkit-text-fill-color:var(--dc-card-ink)!important;border-color:currentColor!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) .card-glow{display:none!important}
html body :is(.card,.dua-card,.id-card,.scroll-card,.dhikr-card,.prayer-card,.reading-card,.dua-poster,.poster,.month-grid>article) :is(button,a):focus-visible{outline:3px solid var(--dc-card-accent)!important;outline-offset:3px!important}

/* Calendar and participation panels use the same readable dark surfaces. */
html body #calendar,html body .khatm-profile,html body .profile-panel{background:#28364f!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important}
html body #calendar :is(h2,h3,p,label,small,span,strong,a){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;opacity:1!important}

html body :is(.progress-panel,.scroll-batch){background:linear-gradient(145deg,#303453,#51436a)!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;border-color:#bda575!important}
html body :is(.progress-panel,.scroll-batch) :is(label,p,h2,h3,span,strong,small){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;opacity:1!important}
html body :is(.progress-panel,#calendar) :is(input:not([type=checkbox]),select,option){background:#fff!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body .progress-panel button{background:#743c59!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#c4a275!important}

/* Separate legacy light headers from dark reading cards. */
html body :is(.languages,.site-language-bar) a:not([aria-current]){background:#edf0f5!important;color:#111820!important;-webkit-text-fill-color:#111820!important;border-color:#a8b0bc!important}
html body .languages a[aria-current]{background:#573550!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body :is(.reviewed-hero,.collection-hero,.collection-header,.page-hero,.page-intro,.collection-intro,.intro-panel){background:#eef0f6!important;color:#111820!important;-webkit-text-fill-color:#111820!important}
html body :is(.reviewed-hero,.collection-hero,.collection-header,.page-hero,.page-intro,.collection-intro,.intro-panel) :is(h1,h2,p,label,small,span,strong){color:#111820!important;-webkit-text-fill-color:#111820!important;opacity:1!important}
html body .dc-reading-tools>details>summary{background:#2c3651!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;border-color:#bda575!important}
html body .dc-tools-tabs button[aria-expanded=false]{background:#edf0f5!important;color:#111820!important;-webkit-text-fill-color:#111820!important}
html body .dc-resume-row h2{font-size:clamp(23px,3vw,32px)!important;line-height:1.6!important}
html body .dc-floating-top{position:fixed;inset-inline-end:20px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:69;width:48px;height:48px;border-radius:50%;border:1px solid #d8bc7b;background:#25374b;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font:700 27px/1 system-ui;box-shadow:0 4px 14px #0004;cursor:pointer}
html body .dc-floating-top[hidden]{display:none!important}

html body .reviewed-hero :is(input,select,option){background:#fff!important;color:#111820!important;-webkit-text-fill-color:#111820!important}

html body .dc-share-dialog .dc-share-poster{width:min(100%,420px)!important;max-width:100%!important;height:auto!important;max-height:55vh!important;object-fit:contain!important;margin:14px auto!important}

/* Burgundy interface: paired colours for every light control panel. Reading-card palettes remain unchanged. */
html body{background-color:#8a1538!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:120px 160px!important;background-position:left top,right top!important;background-repeat:repeat-y!important}
html body :is(.hero.hero,.gift-poster-hero.gift-poster-hero,.id-hero.id-hero){background-color:#681b36!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:90px 120px!important;background-position:left top,right top!important;background-repeat:repeat-y!important}
html body :is(.q-group,.q-panel,.q-profile,.q-progress>div,.q-manual-bookmark,.q-study-tools,.dc-tool-results article,.dc-live-member,.dc-reading-tools>details){color:#171317!important;-webkit-text-fill-color:#171317!important}
html body main :is(.q-group,.q-panel,.q-profile,.q-progress>div,.q-manual-bookmark,.q-study-tools,.dc-tool-results article,.dc-live-member,.dc-reading-tools>details) :is(h1,h2,h3,h4,p,label,legend,summary,small,strong,b,span,li,pre):not(.q-verse *){color:#171317!important;-webkit-text-fill-color:#171317!important;opacity:1!important}
html body :is(.q-group,.q-panel,.q-profile,.q-progress>div,.q-manual-bookmark,.q-study-tools,.dc-tool-results article,.dc-live-member,.dc-reading-tools>details){background:#fffaf7!important;border-color:#bba0a5!important}
html body .q-progress>div{background:#f4e8ec!important}
html body :is(.q-group,.q-panel,.q-profile,.q-manual-bookmark,.q-study-tools,.dc-reading-tools>details) :is(input:not([type=checkbox]):not([type=range]),select,option,textarea){background:#fff!important;color:#171317!important;-webkit-text-fill-color:#171317!important;border-color:#9a7e87!important}
html body :is(.q-group,.q-panel,.q-profile,.q-manual-bookmark,.q-study-tools,.dc-reading-tools>details) :is(button,.q-button,.q-actions>a,.q-group-share a){background:#752c49!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#9b6378!important}
html body :is(.q-group,.q-panel,.q-profile,.q-study-tools,.dc-reading-tools>details) :is(button,.q-button,.q-actions>a,.q-group-share a) :is(span,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .q-group summary{background:#752c49!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .dc-reading-tools>details>summary{background:transparent!important;color:#171317!important;-webkit-text-fill-color:#171317!important}
html body .dc-reading-tools>details{padding:18px!important;border:1px solid #bba0a5!important;border-radius:16px!important}
html body .q-group :is(a:not(.q-button),.source),html body .q-panel a:not(.q-button){color:#60203b!important;-webkit-text-fill-color:#60203b!important}
html body .dc-plan :is(tbody,caption) :is(td,th,span,strong,a){color:#171317!important;-webkit-text-fill-color:#171317!important}
html body.q-night .q-panel{background:#30263e!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important}
html body.q-night .q-panel :is(h2,h3,p,label,small,strong,span):not(.q-verse *){color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important}
html body .dc-floating-top{background:#752c49!important}
@media(max-width:600px){html body{background-size:70px 95px!important}html body :is(.hero,.gift-poster-hero,.id-hero){background-size:58px 78px!important}}

html body main[class][class]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22160%22%20viewBox%3D%220%200%20120%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e7ca8d%22%20stroke-width%3D%220.8%22%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22M60%2015%2075%2045%20105%2060%2075%2075%2060%20105%2045%2075%2015%2060%2045%2045Z%22%2F%3E%3Cpath%20d%3D%22M60%2030%2090%2060%2060%2090%2030%2060Z%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M0%20140H120M60%20105V140M0%2060H15M105%2060H120%22%2F%3E%3Cpath%20d%3D%22M48%20140%2060%20128%2072%20140%2060%20152Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:100px 134px!important;background-position:left top,right top!important;background-repeat:repeat-y!important}
html body #dcReadingTools{background:#fffaf7!important;color:#171317!important;border-radius:18px!important;padding:22px!important}
html body #dcReadingTools :is(h2,h3,h4,p,label,summary,small,pre){color:#171317!important;-webkit-text-fill-color:#171317!important;opacity:1!important}

/* Distinct home feature groups above the preserved burgundy background. */
html body :is(.dedication-feature,.gift-promo.gift-promo--feature){background:#fff3d9!important;border-color:#c5a66d!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) :is(h2,h2 mark,p,small,span,strong,blockquote,cite){color:#171317!important;-webkit-text-fill-color:#171317!important}
html body :is(.dedication-feature__copy,.gift-promo__copy) blockquote{border-color:#c5a66d!important}
html body .competition-hub .khatm-board.quran-board{background:#e3f2e8!important;border-color:#7fae91!important;border-top-color:#38734e!important}
html body .competition-hub .khatm-board.dua-board{background:#eee8f7!important;border-color:#ae96c8!important;border-top-color:#76548f!important}
html body .competition-hub .khatm-board :is(h2,p,small){color:#171317!important;-webkit-text-fill-color:#171317!important}

html body main :is(.dedication-feature,.gift-promo.gift-promo--feature) :is(.dedication-feature__copy,.gift-promo__copy) :is(h2,h2 mark,p,small,span,strong,blockquote,cite){color:#171317!important;-webkit-text-fill-color:#171317!important}
html body main .competition-hub .khatm-board :is(h2,p,small){color:#171317!important;-webkit-text-fill-color:#171317!important}

/* Early collection navigation: swipeable, keyboard accessible, no duplicated IDs. */
html body .dc-early-rail{display:flex!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:18px 0 26px!important;padding:9px!important;border:1px solid #c5a66d!important;border-radius:20px!important;background:#153f45!important;grid-column:1/-1!important}
html body .dc-early-rail-track{display:flex!important;flex:1!important;min-width:0!important;gap:9px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity}
html body .dc-early-rail-track>:is(a,button){flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:none!important;min-height:48px!important;padding:10px 18px!important;border:1px solid #7da29b!important;border-radius:14px!important;background:#153f45!important;color:#fff8eb!important;-webkit-text-fill-color:#fff8eb!important;font:700 18px/1.5 system-ui,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer;scroll-snap-align:start}
html body .dc-early-rail-track>button[aria-pressed=true],html body .dc-early-rail>button{background:#eed39c!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;border:1px solid #c5a66d!important}
html body .dc-early-rail>button{flex:none!important;width:42px!important;min-height:48px!important;border-radius:12px!important;font:700 28px/1 system-ui!important;cursor:pointer}
@media(max-width:600px){html body .dc-early-rail{gap:6px!important;padding:7px!important}html body .dc-early-rail>button{width:34px!important}html body .dc-early-rail-track>:is(a,button){font-size:16px!important;padding:10px 14px!important}}

html body :is(#englishDuaRail,#duaRail,#languageDuaRail,.id-groups)>a.dc-istighfar-link{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;min-height:48px;padding:10px 18px;border:1px solid #c5a66d;border-radius:14px;background:#eed39c!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;font:700 18px/1.5 system-ui,sans-serif!important;text-decoration:none;white-space:nowrap;scroll-snap-align:start}

html body :is(#englishDuaRail,#duaRail,#languageDuaRail,.id-groups)>a.dc-dhikr-link{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;min-height:48px;padding:10px 18px;border:1px solid #c5a66d;border-radius:14px;background:#eed39c!important;color:#17232d!important;-webkit-text-fill-color:#17232d!important;font:700 18px/1.5 system-ui,sans-serif!important;text-decoration:none;white-space:nowrap;scroll-snap-align:start}
html body .dc-dhikr-promo{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%!important;box-sizing:border-box;margin:12px 0 24px!important;padding:16px 20px!important;background:#e3f2e8!important;border:1px solid #7fae91!important;border-radius:14px;color:#171317!important;-webkit-text-fill-color:#171317!important}html body .dc-dhikr-promo strong{display:block;font:750 23px/1.5 system-ui!important;color:#171317!important;-webkit-text-fill-color:#171317!important}html body .dc-dhikr-promo span{display:block;font:16px/1.6 system-ui!important;color:#29483b!important;-webkit-text-fill-color:#29483b!important}html body .dc-dhikr-promo a{padding:10px 17px;border:1px solid #386e52;border-radius:10px;background:#17574f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;font:700 17px/1.6 system-ui!important}@media(max-width:600px){html body .dc-dhikr-promo{padding:14px!important;gap:10px}html body .dc-dhikr-promo strong{font-size:21px!important}}
html body .dc-growth nav .dc-special-collections{flex:1 0 100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:12px 0}
html body .dc-growth nav .dc-special-collections>a{display:flex!important;gap:15px;justify-content:space-between;align-items:center;min-height:115px!important;padding:20px!important;border:2px solid #b89a62!important;border-radius:18px!important;background:#e3f2e8!important;color:#111!important;-webkit-text-fill-color:#111!important;font:750 clamp(20px,2.4vw,28px)/1.7 system-ui!important;text-align:start;white-space:normal}
html body .dc-growth nav .dc-special-collections>a:nth-child(2){background:#eee8f7!important}
html body .dc-growth nav .dc-special-collections>a :is(strong,span){color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important}
html body .dc-growth nav .dc-special-collections>a span{display:grid;place-items:center;flex:none;min-width:48px;min-height:48px;border:1px solid #7e876e;border-radius:50%;font-size:22px!important}
@media(max-width:620px){html body .dc-growth nav .dc-special-collections{grid-template-columns:1fr}html body .dc-growth nav .dc-special-collections>a{min-height:105px!important}}

html body .dc-wisdom-promo{background:#eee7f5!important;border-color:#b69acb!important}html body .dc-wisdom-promo span{color:#493454!important;-webkit-text-fill-color:#493454!important}html body .dc-wisdom-promo a{background:#5c3c71!important;border-color:#77558b!important}

html body .dc-dhikr-promo.dc-maalim-promo{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:24px!important;padding:28px!important;margin:18px auto!important;border:1px solid #dbbd82!important;border-radius:23px!important;background:linear-gradient(120deg,#632037,#8b3650)!important;box-shadow:0 12px 30px #3b142525;color:#fff!important;-webkit-text-fill-color:#fff!important}html body .dc-dhikr-promo.dc-maalim-promo .dc-maalim-title{display:block!important;background:transparent!important;padding:0!important;border:0!important;color:#ffe1a5!important;-webkit-text-fill-color:#ffe1a5!important;font:800 clamp(23px,3vw,32px)/1.7 system-ui,Tahoma,sans-serif!important;white-space:normal!important;text-decoration:none}html body .dc-dhikr-promo.dc-maalim-promo span{display:block;color:white!important;-webkit-text-fill-color:white!important;font-size:18px!important;line-height:1.9!important;margin-top:9px}html body .dc-dhikr-promo.dc-maalim-promo>a{background:#f5ddab!important;color:#4a1c2d!important;-webkit-text-fill-color:#4a1c2d!important;padding:18px 24px!important;font-size:20px!important;font-weight:800;border-radius:14px!important;white-space:normal!important;align-self:center;text-align:center}html body .dc-dhikr-promo.dc-maalim-promo a:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:760px){html body .dc-dhikr-promo.dc-maalim-promo{grid-template-columns:1fr;padding:21px!important}html body .dc-dhikr-promo.dc-maalim-promo>a{width:100%}}