body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}.dc-header-support{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;margin-inline-start:12px;padding:7px 13px!important;border:1px solid #c8aa64;border-radius:999px;background:#f2e2b7;color:#493b1c!important;text-decoration:none!important;font:700 13px/1.5 system-ui,sans-serif;white-space:nowrap}.dc-support-reminder{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;max-width:1000px;margin:36px auto 20px;padding:22px;color:#426154;text-align:center;font:inherit;border-top:1px solid #c8aa6455}.dc-support-reminder>span{display:grid;gap:6px}.dc-support-reminder b{font-size:15px}.dc-support-reminder small{font-size:13px}.dc-support-reminder a{color:#5e491c!important;background:#f2e2b7;border:1px solid #c8aa64;border-radius:999px;padding:9px 18px;font-weight:700;text-decoration:none}.dc-utility-menu{position:fixed;z-index:70;bottom:max(14px,env(safe-area-inset-bottom));inset-inline-end:16px}.dc-utility-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:50px;height:50px;border:1px solid #d8bd7e;border-radius:50%;background:#174c3e;color:#fff3cf;box-shadow:0 4px 18px #133d3430;font:24px/1 system-ui}.dc-utility-menu>summary::-webkit-details-marker{display:none}.dc-utility-menu[open]>summary{background:#f2e2b7;color:#174c3e}.dc-utilities{position:absolute;bottom:62px;inset-inline-end:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#fffdf8;border:1px solid #c8aa64;border-radius:18px;padding:9px;box-shadow:0 8px 30px #133d3430;width:min(280px,calc(100vw - 32px));box-sizing:border-box}.dc-utilities a,.dc-utilities button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#214e40!important;border-radius:10px;min-height:46px;padding:9px;text-align:start;text-decoration:none;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}.dc-utilities span{font-size:21px}.dc-utilities .dc-utility-support{grid-column:1/-1;background:#f2e2b7}.dc-utilities a:hover,.dc-utilities button:hover{background:#e1eee5}.dc-utility-menu :focus-visible,.dc-header-support:focus-visible{outline:3px solid #397ba6;outline-offset:3px}@media print{.dc-utility-menu,.dc-header-support{display:none!important}}
.gift-backtop{display:none!important}.dc-share-dialog{padding:clamp(18px,4vw,30px);border:1px solid #c6a761;border-radius:24px;background:#fffdf4;color:#21483b;width:min(700px,calc(100vw - 36px));max-height:86vh;box-sizing:border-box;overflow:auto;box-shadow:0 25px 100px #0005}.dc-share-dialog::backdrop{background:#0c2b23b0}.dc-share-dialog h2{font-size:clamp(22px,4vw,32px);margin:12px 0 20px}.dc-share-close{float:inline-end;background:#e8eee5;border:1px solid #adbcae;border-radius:10px;padding:8px 14px;cursor:pointer;color:#254b3e}.dc-share-poster{width:180px;max-width:45%;height:auto;display:block;margin:0 auto 20px;border-radius:14px;border:1px solid #cbb16f}.dc-share-actions{display:flex;flex-wrap:wrap;gap:10px}.dc-share-actions a,.dc-share-actions button{flex:1 1 220px;box-sizing:border-box;text-align:center;display:block;font:700 15px/1.5 system-ui,sans-serif;padding:12px;border:1px solid #b9a366;border-radius:12px;text-decoration:none;background:#1c644d;color:#fff9e4;cursor:pointer}.dc-share-actions a{background:#e6d298;color:#342d18}.dc-share-actions button:disabled{opacity:.5;cursor:wait}.dc-share-dialog textarea{display:block;box-sizing:border-box;width:100%;height:230px;font:15px/1.7 system-ui,sans-serif;background:#f3f1e7;color:#233d34;border:1px solid #c4c9b4;border-radius:12px;padding:14px}.dc-share-dialog p{font-size:14px;line-height:1.7}.dc-challenge-link{bottom:100px!important}@media(max-width:480px){.dc-support-reminder{padding:14px}.dc-support-reminder a{width:100%;box-sizing:border-box;text-align:center}.dc-utilities a,.dc-utilities button{font-size:11px}.dc-share-poster{max-width:38%;width:150px}}@media print{.dc-support-reminder,.dc-utilities,.dc-share-dialog{display:none!important}body{padding-bottom:0!important}}
header a[href*="/support/"]:not(.dc-header-support),.hero-actions a[href*="/support/"]{display:none!important}
@media(prefers-reduced-motion:reduce){.dc-quick-navigation a{transition:none}.dc-quick-navigation a:hover{transform:none}}

/* Keep the brand and compact Explore on one line; support has its own row below languages. */
.dc-brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px;direction:ltr;width:100%;min-width:0;flex:1 1 100%;box-sizing:border-box}.dc-brand-row>.brand{min-width:0;flex:0 1 auto}.dc-brand-row>.site-menu{position:relative;flex:0 0 auto;margin:0!important;margin-left:auto!important;order:2}.dc-brand-row>.site-menu>summary{font-size:13px!important;min-height:44px;padding:7px 12px!important;border-radius:11px;gap:6px;box-sizing:border-box;white-space:nowrap}.dc-brand-row>.site-menu>summary span{font-size:21px}.dc-brand-row>.site-menu>.site-menu-panel{right:0;left:auto;direction:initial}.dc-language-support{display:flex;justify-content:center;align-items:center;flex:1 1 100%;width:100%;padding:12px 16px;box-sizing:border-box;background:#eaf3ed}.dc-language-support .dc-header-support{display:flex!important;box-sizing:border-box;min-height:52px;width:min(420px,100%);margin:0;padding:12px 24px!important;font-size:17px;white-space:normal;text-align:center;border-radius:14px;background:linear-gradient(120deg,#f5e5b6,#e5c47d);box-shadow:0 4px 12px #503b1214}header:has(.dc-language-support){height:auto!important;flex-wrap:wrap}.site-header>.dc-donation-top-link{display:none!important}@media(max-width:420px){.dc-brand-row{gap:8px}.dc-brand-row>.brand{gap:7px}.dc-brand-row>.brand b{font-size:clamp(16px,5vw,21px)}.dc-brand-row>.site-menu>summary{padding:7px 9px!important;font-size:12px!important}.dc-language-support{padding:10px 16px}}@media print{.dc-language-support{display:none!important}}
/* A shared rhythm for reading cards, service panels and key actions. */
:root{--dc-radius:20px;--dc-action-radius:13px;--dc-gap:18px;--dc-copy-size:clamp(18px,1.6vw,20px)}
:is(.card,.dua-card,.prayer-card,.id-card,.collection-tile,.finder-card,.scroll-card,.panel,.q-panel,.progress-panel,.gift-choices article,.khatm-board){box-sizing:border-box;min-width:0;border-radius:var(--dc-radius);overflow-wrap:anywhere}
:is(.card,.dua-card,.prayer-card,.id-card,.scroll-card){padding:clamp(20px,2.5vw,30px)}
:is(.quick-finder-grid,.gift-choices,.competition-hub,#duaGrid,#cardGrid,#idGrid){gap:var(--dc-gap)}
:is(.card,.dua-card,.prayer-card,.id-card,.scroll-card) :is(.translation,.meaning){font-size:clamp(20px,1.8vw,23px)!important;line-height:1.85!important}
:is(.card,.dua-card,.prayer-card,.id-card,.scroll-card) :is(.explanation,.context,.id-detail){font-size:18px!important;line-height:1.85}
:is(.card,.dua-card,.prayer-card,.id-card,.scroll-card) :is(.source,.companion-attribution){font-size:15px;line-height:1.8}
.hero :is(.hero-intro,.dc-feature-copy),.hero>p:not(.eyebrow):not(.gift-hadith){font-size:var(--dc-copy-size)!important;line-height:1.8!important;max-width:66ch}
.hero h1{line-height:1.3;text-wrap:balance}.hero :is(p,h1,h2){overflow-wrap:break-word}
:is(.hero-actions,.dc-quick-navigation,.actions,.card-actions,.id-card-actions,.khatm-share){gap:10px}
:is(.hero-actions,.actions,.card-actions,.id-card-actions,.khatm-share) :is(button,a),:is(.button,.q-button,.khatm-start){box-sizing:border-box;min-height:48px;border-radius:var(--dc-action-radius);line-height:1.5;white-space:normal}
:is(.dc-start-dua,.dc-gift-dua,#begin,.gift-primary-download,.gift-try,.khatm-start,#qResume,#qSave){min-height:54px!important;font-size:18px!important;font-weight:800;padding:13px 20px!important}
:is(.gift-choices article,.gift-overview,.gift-form-guide,.gift-lifetime,.gift-contact,.gift-help,.panel) p{font-size:18px;line-height:1.8}
:is(.gift-step,.gift-choices h2,.panel h2){font-size:clamp(23px,2.5vw,29px);line-height:1.5}
:is(.field label,.field legend){font-size:18px;line-height:1.6}.field :is(input,select,textarea){min-height:48px;font-size:17px;max-width:100%;border-radius:12px}
.gift-poster-hero .gift-hadith{font-size:17px!important;line-height:1.85!important}.gift-poster-hero .dc-feature-copy{font-size:21px!important;line-height:1.8!important}
.competition-hub .khatm-rules{font-size:19px!important;line-height:1.8!important;max-width:60ch;text-align:start}.competition-hub .khatm-board h2{font-size:clamp(24px,2.4vw,30px);line-height:1.5}.competition-hub .khatm-board>p{font-size:17px;line-height:1.7}.competition-hub .khatm-share :is(button,a){font-size:16px!important;min-height:48px;padding:11px 15px}.competition-hub .khatm-place b{font-size:20px}.competition-hub .khatm-place strong{font-size:15px}.competition-hub .khatm-board>small{font-size:14px;line-height:1.8}.competition-hub .khatm-place{gap:10px;border-radius:16px}.competition-hub .khatm-start{margin-block:20px}
.dc-program-details{max-width:72ch;margin:18px 0;color:inherit;border:1px solid #e7d49b70;border-radius:14px;padding:12px 16px}.dc-program-details summary{cursor:pointer;min-height:32px;font-size:17px;font-weight:700;line-height:1.8}.dc-program-details p{font-size:17px!important;line-height:1.85!important;margin:14px 0 2px!important}
:is(.stat,.stats .stat-link) strong{font-size:clamp(26px,3vw,36px);line-height:1.3}:is(.stat,.stats .stat-link)>span{font-size:15px;line-height:1.6}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #a47a25;outline-offset:4px}
html[dir=rtl] .dc-brand-row :is(.brand,.site-menu){direction:rtl}
@media(max-width:600px){:root{--dc-gap:14px}.competition-hub .khatm-rules{font-size:18px!important}.gift-poster-hero .dc-feature-copy{font-size:19px!important}:is(.card,.dua-card,.prayer-card,.id-card,.scroll-card){padding:20px}.dc-quick-navigation a{flex:1 1 145px}.competition-hub .khatm-share :is(a,button){flex:1 1 120px}.dc-program-details{padding:10px 14px}}
.id-hero .dc-feature-copy{font-size:20px!important;line-height:1.85;max-width:66ch}button,input,select,textarea{font-family:inherit}
/* Homepage dedication frame follows the same 1160px container as the section above. */
.website-share-bar,.dedication-feature,html[lang] .gift-promo.gift-promo--feature{box-sizing:border-box;width:calc(100% - 32px);max-width:1160px!important;min-width:0;margin-inline:auto!important}
.dedication-feature,html[lang] .gift-promo.gift-promo--feature{border-radius:20px;padding:clamp(18px,3vw,30px);overflow-wrap:anywhere}
.dedication-feature__copy,.gift-promo--feature .gift-promo__copy{box-sizing:border-box;min-width:0}
@media(max-width:770px){.dedication-feature,html[lang] .gift-promo.gift-promo--feature{width:calc(100% - 32px);margin-inline:auto!important;padding:20px 18px}}
/* Burgundy, violet and ivory interface. Tajweed token colors stay in the reader stylesheet. */
:root{--dc-burgundy:#762d48;--dc-violet:#584071;--dc-navy:#252b45;--dc-ivory:#fffaf4}
body:not(.q-night){background-color:#faf6f2;color:#302b3d}
:is(.hero,.gift-poster-hero){background:linear-gradient(125deg,#46283e,#584071 65%,#252b45)!important;color:#fffaf4!important}
:is(.hero,.gift-poster-hero) :is(h1,h2,p,.dc-feature-copy,.dc-plan-motivation){color:#fffaf4!important}
:is(.hero,.gift-poster-hero) .eyebrow{color:#f5d6a3!important}
.dc-language-support{background:#f3eaf0}.dc-support-reminder{color:#514359}.dc-support-reminder small{font-size:15px}
.dc-utility-menu>summary{background:#762d48;color:#fffaf4}.dc-utility-menu[open]>summary{background:#f2dfbf;color:#46283e}.dc-utilities a,.dc-utilities button{color:#46283e!important}.dc-utilities a:hover,.dc-utilities button:hover{background:#f0e7f2}
.dc-share-dialog{background:#fffaf4;color:#302b3d}.dc-share-dialog::backdrop{background:#252039b8}.dc-share-close{background:#eee5f0;color:#46283e}.dc-share-actions button{background:#762d48;color:#fffaf4}.dc-share-dialog textarea{background:#f4eef5;color:#302b3d}.dc-share-dialog p{color:#514359}
.dc-plan{background:#fffaf4!important;color:#302b3d!important;border-color:#d8c7d8!important}.dc-plan :is(h2,h3,label,p,small){color:#46364e!important}.dc-plan :is(input,select){background:#fff!important;color:#302b3d!important;border-color:#a998ad!important}.dc-plan .dc-plan-create,.dc-plan-jump{background:#762d48!important;color:#fffaf4!important;border-color:#762d48!important}.dc-plan-result,.dc-plan-summary{background:#f0e8f3!important;color:#302b3d!important}
.competition-hub .khatm-board{background:#f3ebf5!important;color:#302b3d!important;border-color:#cbb6d0!important}.competition-hub .quran-board{background:#fff4e6!important;border-color:#d5bc91!important}.competition-hub .khatm-board :is(h2,h3,p,small,strong,.khatm-eyebrow){color:#46364e!important}.competition-hub .khatm-board :is(button,.khatm-start){background:#762d48!important;color:#fffaf4!important;border-color:#762d48!important}.competition-hub .khatm-board a{color:#633048}.competition-hub .khatm-share a{background:#eee1c8!important;color:#46283e!important}
.dc-reading-virtue{margin:24px auto;padding:24px;max-width:1160px;border:1px solid #d8c0cc;border-inline-start:5px solid #762d48;border-radius:20px;background:#fbf0f4;color:#402e43;font-size:19px;line-height:1.9}.dc-reading-virtue h2{font-size:24px;margin:0 0 10px}.dc-reading-virtue p{margin:8px 0}.dc-reading-virtue a{color:#762d48;text-decoration:underline;font-size:16px}
.q-shell{--ink:#302b3d;--paper:#fffaf4;--line:#dacbda;color:#302b3d}.q-shell .hero{background:linear-gradient(120deg,#54283f,#584071)!important}.q-shell :is(button,.q-button){background:#762d48;color:#fffaf4;border-color:#762d48}.q-shell button.secondary,.q-shell .q-mode-picker button[aria-pressed=false]{background:#fffaf4;color:#563650;border-color:#a98eac}.q-shell .q-mode-picker,.q-shell .q-study-tools{background:linear-gradient(125deg,#f2e8f4,#fff2e3);color:#402e43}.q-shell :is(.q-index input,.q-profile input[type=text],select){background:#fffaf4;color:#302b3d}.q-shell .q-progress>div{background:#f5eaf1;color:#402e43}.q-shell .q-surahs button{background:#fffaf4;color:#302b3d;border-color:#d8c7d8}.q-shell .q-surahs button.selected{background:#eee2f2;border-color:#762d48}.q-shell .q-surahs button.done{background:#eee8f7}.q-shell .q-surahs button :is(small,.q-surah-english){color:#63516d}.q-shell .q-transliteration{background:#f0e8f3;color:#4d345b}.q-shell .q-tafsir-text{background:#fffaf4;color:#302b3d}.q-shell .verse-tools small{color:#63516d}.q-shell :is(progress,input[type=range],input[type=checkbox]){accent-color:#762d48}
body.q-night{background:#191725;color:#f6edf7;--paper:#252035;--ink:#fbf1fa;--line:#65536b}body.q-night .q-shell{--paper:#252035;--ink:#fbf1fa;--line:#65536b;color:#f6edf7}body.q-night .q-shell :is(.q-panel,.q-study-tools,.q-progress>div,.q-transliteration,.q-tafsir-text){background:#30263e;color:#fbf1fa}body.q-night .q-shell .q-surahs button{background:#30263e;color:#fbf1fa}body.q-night .q-shell .q-surahs button.selected{background:#553651}body.q-night .q-shell .q-surahs button.done{background:#40314f}body.q-night .q-shell .q-surahs button :is(small,.q-surah-english),body.q-night .q-shell .verse-tools small{color:#e1cfe9}body.q-night .q-shell :is(input[type=text],select,button.secondary){background:#30263e;color:#fbf1fa}body.q-night .dc-reading-virtue{background:#30263e;color:#fbf1fa}body.q-night .dc-reading-virtue a{color:#f2cfa2}
.dc-plan thead{background:#584071;color:#fffaf4}.dc-plan caption,.dc-plan tbody tr:nth-child(even){background:#f1eaf4}.dc-plan-actions a:first-child{background:#762d48}.dc-plan-actions :is(a,button){border-color:#bfa1c1}
.shell:has(#reader){--ink:#46283e;--muted:#66536a;--line:#dacbda;--paper:#fffaf4}.shell:has(#reader) :is(progress,input[type=checkbox]){accent-color:#762d48}.shell:has(#reader) progress::-webkit-progress-value{background:#762d48}.shell:has(#reader) :is(.completion,.scroll-batch){background:#f1e8f4;border-color:#bea1c4}.shell:has(#reader) .context{background:#f4edf4}