/* Quiet paper, distinct cards and a burgundy frame. Content stays unchanged. */
html body.reading-comfort{background:#581d36;color:#241d22}
body.reading-comfort main,body.reading-comfort .wrap{background:#fbf7f2;border-inline:1px solid #ddc8bc;min-height:100vh}
body.reading-comfort main{padding-inline:clamp(12px,3vw,32px)}
html body.reading-comfort :is(.pair,.card){border:1px solid #d8c8bc!important;border-inline-start:5px solid var(--accent,#88445c)!important;box-shadow:0 5px 22px #4c17330c;border-radius:20px;scroll-margin-top:24px}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n+1){background:#f4f7ed!important}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n+2){background:#f0f5fb!important}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n+3){background:#f7f0fa!important}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n+4){background:#fff7e8!important}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n+5){background:#fcf0f2!important}
html body.reading-comfort :is(.pair,.card):nth-of-type(6n){background:#eef8f5!important}
html body.reading-comfort.mono .card{background:#fffdf9!important}
html body.reading-comfort :is(.pair,.card) :is(.arabic,.ar){color:#211d20!important;font-size:max(32px,var(--size))!important;line-height:2.05!important}
html body.reading-comfort :is(.pair .english,.card .en){color:#211d20!important;font-size:clamp(23px,2.5vw,27px)!important;line-height:1.85!important}
html body.reading-comfort .pair .benefit{background:#ffffff78!important;border-color:#d8c8bc;padding:22px}
html body.reading-comfort .pair .benefit p{font-size:29px!important;line-height:2!important}
html body.reading-comfort .pair .benefit p[lang=en]{font-size:24px!important;line-height:1.85!important}
html body.reading-comfort :is(.actions,.card-tools) :is(button,a){background:#f1e3e9!important;border:1px solid #be929f!important;color:#4e1830!important;-webkit-text-fill-color:currentColor!important;font-size:17px!important;min-height:48px}
html body.reading-comfort :is(.actions,.card-tools) :is(.whatsapp,.wa){background:#e1eee3!important;border-color:#8eae94!important;color:#204b2c!important}
html body.reading-comfort :is(.actions,.card-tools) [aria-pressed=true]{background:#581d36!important;color:white!important}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools{position:fixed;z-index:50;inset:auto 12px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;transition:opacity .2s}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools>div{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px;background:#fffaf5;border:1px solid #c09b9e;border-radius:18px;box-shadow:0 4px 20px #2c0c2830;max-width:100%}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools :is(button,select){background:#f1e3e9;color:#4e1830;border:1px solid #be929f;font:600 16px/1.5 Tahoma,Arial;min-height:44px;padding:8px 12px;border-radius:11px}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools button[aria-pressed=true]{background:#581d36;color:white}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools.is-compact :is(label,select,.comfort-top){display:none}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools.is-compact>div{margin-inline-start:auto;padding:4px;box-shadow:0 2px 8px #2c0c2815}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools label{font:15px/1.4 Tahoma,Arial;color:#4e1830}
body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools button:focus-visible{outline:3px solid #b58a35;outline-offset:3px}
body:is(.reading-comfort,.dc-auto-only) .comfort-hide-top{transform:translateY(-110%);pointer-events:none}
@media(max-width:600px){body.reading-comfort main,body.reading-comfort .wrap{width:calc(100% - 16px);margin-inline:8px}.reading-comfort .hadith,.reading-comfort .benefits{padding:24px 18px}.reading-comfort .comfort-reader-tools label{display:none}html body.reading-comfort .pair .benefit{padding:16px}}
@media(prefers-reduced-motion:reduce){body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools{transition:none}}
@media print{body.reading-comfort{background:white}.comfort-reader-tools{display:none!important}}

/* Quran reflection and surah index: override the former dark gradient layer. */
html body.reading-comfort{--comfort-paper:#fbf7f2;--comfort-ink:#241d22;--comfort-line:#d6c3b8;--comfort-card:#f4f7ed}
html body.reading-comfort>header{background:#581d36;color:#fff7ed}
html body.reading-comfort main#tadabburReader,html body.reading-comfort .q-shell{background:var(--comfort-paper)!important;color:var(--comfort-ink)!important;width:calc(100% - 20px)!important;max-width:1200px!important;margin:auto;border-radius:0;padding-inline:clamp(14px,3vw,30px)}
html body.reading-comfort:is(.night,.q-night){--comfort-paper:#242126;--comfort-ink:#f7eee5;--comfort-line:#68515e;--comfort-card:#2d3630}
html body.reading-comfort:is(.night,.q-night) #index{background:#2d2830;border-color:var(--comfort-line)}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse){--dc-card-ink:var(--comfort-ink);--dc-card-accent:var(--comfort-ink);background:var(--comfort-card)!important;color:var(--comfort-ink)!important;border:1px solid var(--comfort-line)!important;border-inline-start:5px solid #97586d!important;box-shadow:0 5px 22px #4c17330c!important}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+2){--comfort-card:#f0f5fb}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+3){--comfort-card:#f7f0fa}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+4){--comfort-card:#fff7e8}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+5){--comfort-card:#fcf0f2}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n){--comfort-card:#eef8f5}
html body.reading-comfort:is(.night,.q-night) :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+2){--comfort-card:#2d333e}
html body.reading-comfort:is(.night,.q-night) :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+3){--comfort-card:#39303e}
html body.reading-comfort:is(.night,.q-night) :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+4){--comfort-card:#3b3429}
html body.reading-comfort:is(.night,.q-night) :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+5){--comfort-card:#3d2e34}
html body.reading-comfort:is(.night,.q-night) :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n){--comfort-card:#293a38}
html body.reading-comfort #tadabburReader .card-page :is(p,h3,h4,small,strong,.text-ar,.text-en,.card-source a){color:var(--comfort-ink)!important;-webkit-text-fill-color:currentColor!important}
html body.reading-comfort #tadabburReader .card-page .text-ar{font-size:var(--card-text);line-height:2.05}
html body.reading-comfort #tadabburReader .card-page .text-en{font-size:var(--translation-text);line-height:1.85}
html body.reading-comfort :is(#surahs,.q-surahs){gap:14px}
html body.reading-comfort :is(#surahs,.q-surahs) button{display:flex!important;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;background:#f2e8df!important;color:#302329!important;border:1px solid #cbb3a6!important;border-inline-start:4px solid #a06077!important;border-radius:16px;padding:18px 14px;min-width:0;min-height:132px;text-align:start;box-shadow:none}
html body.reading-comfort :is(#surahs,.q-surahs) button:nth-child(4n+2){background:#e8eef9!important}
html body.reading-comfort :is(#surahs,.q-surahs) button:nth-child(4n+3){background:#f1e8f6!important}
html body.reading-comfort :is(#surahs,.q-surahs) button:nth-child(4n){background:#f7edce!important}
html body.reading-comfort :is(#surahs,.q-surahs) button span{transform:none!important;font-size:24px!important;line-height:1.6!important;color:#302329!important;-webkit-text-fill-color:currentColor!important;overflow-wrap:normal}
html body.reading-comfort :is(#surahs,.q-surahs) button small{font-size:19px!important;line-height:1.5;color:#59414b!important;-webkit-text-fill-color:currentColor!important;opacity:1}
html body.reading-comfort :is(#surahs,.q-surahs) button[aria-pressed=true]{outline:3px solid #9f526d;outline-offset:2px}
html body.reading-comfort .toolbar{background:var(--comfort-paper);border-color:var(--comfort-line);transition:transform .2s,opacity .2s;scroll-margin-top:12px}
html body.reading-comfort .toolbar.comfort-hide-top{transform:translateY(-130%);opacity:0;pointer-events:none}
html body.reading-comfort .cards-tools{background:var(--comfort-paper);border-color:var(--comfort-line);color:var(--comfort-ink)}
html body.reading-comfort #tadabburReader :is(.card-actions,.quran-page-nav) button{background:#eee0e7!important;color:#4e1830!important;-webkit-text-fill-color:currentColor!important;border:1px solid #be929f!important;font-size:17px!important}
html body.reading-comfort #tadabburReader .card-actions .tadabbur-whatsapp{background:#e1eee3!important;color:#204b2c!important;border:1px solid #8eae94!important}
html body.reading-comfort .quran-page-nav label{color:var(--comfort-ink)}
html body.reading-comfort .quran-page-nav{background:var(--comfort-paper)}
html body.reading-comfort #tadabburReader .card-page{scroll-margin-top:16px}
html body.reading-comfort .quran-page-figure{border:2px solid #9d6578;background:#fffdf7}
html body.reading-comfort .quran-page-figure :is(figcaption,.quran-image-status){color:#241d22!important;-webkit-text-fill-color:currentColor!important}
@media(max-width:600px){html body.reading-comfort #surahs button{min-height:145px;padding:16px 12px}html body.reading-comfort #surahs button span{font-size:23px!important}html body.reading-comfort #surahs button small{font-size:18px!important}html body.reading-comfort .toolbar{position:static}.reading-comfort .quran-page-figure{margin-inline:0}}
@media(prefers-reduced-motion:reduce){html body.reading-comfort .toolbar{transition:none}}

/* Light, distinct reading cards and dark ink even with saved night mode. */
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse){--comfort-ink:#17151a!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;--comfort-card:#e1f3e8!important;background:var(--comfort-card)!important;color:#17151a!important;-webkit-text-fill-color:currentColor!important}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+1){--comfort-card:#e1f3e8!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+1){background:#e1f3e8!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+1){--dc-card-a:#e1f3e8!important;--dc-card-b:#e1f3e8!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#e1f3e8!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+2){--comfort-card:#dfeaff!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+2){background:#dfeaff!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+2){--dc-card-a:#dfeaff!important;--dc-card-b:#dfeaff!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#dfeaff!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+3){--comfort-card:#f9e1e9!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+3){background:#f9e1e9!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+3){--dc-card-a:#f9e1e9!important;--dc-card-b:#f9e1e9!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#f9e1e9!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+4){--comfort-card:#ede1fa!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+4){background:#ede1fa!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+4){--dc-card-a:#ede1fa!important;--dc-card-b:#ede1fa!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#ede1fa!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+5){--comfort-card:#ffefc7!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+5){background:#ffefc7!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+5){--dc-card-a:#ffefc7!important;--dc-card-b:#ffefc7!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#ffefc7!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse):nth-of-type(6n+6){--comfort-card:#d9f1f2!important}
html body.reading-comfort #tadabburReader .card-page .reflection:nth-of-type(6n+6){background:#d9f1f2!important;color:#17151a!important;border:1px solid #9bada6!important;border-radius:16px;padding:22px 18px;margin:18px 0}
html body.reading-comfort :is(#card .scroll-card,.dc-mixed-item):nth-of-type(6n+6){--dc-card-a:#d9f1f2!important;--dc-card-b:#d9f1f2!important;--dc-card-ink:#17151a!important;--dc-card-accent:#422039!important;background:#d9f1f2!important;color:#17151a!important;border:1px solid #b5a3b0;border-radius:18px;padding:22px 18px}

html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-page,.q-verse) :is(p,h2,h3,h4,small,label,strong,b,span,.text-ar,.text-en,.source,.context,.reflection){color:#17151a!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}
html body.reading-comfort :is(#tadabburReader,#qReader) :is(.card-actions,.dc-share-actions) :is(button,a){background:#fff!important;color:#20131c!important;-webkit-text-fill-color:currentColor!important;border:2px solid #947088!important}
html body.reading-comfort #card .scroll-card :is(p,span,h3,small,.arabic,.meaning,.source,.context){color:#17151a!important;-webkit-text-fill-color:currentColor!important}
html body.reading-comfort .dc-utility-menu{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;bottom:auto!important;inset-inline-end:12px!important;z-index:120}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools{bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:110}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools>div{flex-wrap:wrap;justify-content:center;background:#f3e4ed!important;border:2px solid #8d576e!important;color:#20131c!important}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools.is-compact :is(label,select,.comfort-top){display:block}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools :is(button,select,label){color:#20131c!important;-webkit-text-fill-color:currentColor!important}
html body:is(.reading-comfort,.dc-auto-only) .comfort-hide-top{transform:none!important;pointer-events:auto!important}
html body.reading-comfort{padding-bottom:150px}
@media(max-width:600px){html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools :is(button,select){font-size:14px;padding:7px 9px}html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools label{display:none}}

/* Explicit, stable auto-scroll visibility; closing leaves only a small launcher. */
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools[hidden],html body:is(.reading-comfort,.dc-auto-only) .comfort-auto-launcher[hidden]{display:none!important}
html body:is(.reading-comfort,.dc-auto-only) .comfort-auto-launcher{position:fixed;z-index:111;inset:auto 12px max(12px,env(safe-area-inset-bottom)) auto;width:46px;height:46px;min-width:46px;min-height:46px;border:2px solid #8d576e;border-radius:50%;background:#f3e4ed;color:#20131c;-webkit-text-fill-color:currentColor;font:800 20px/1 system-ui;cursor:pointer;box-shadow:0 3px 12px #2c0c2825}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools>div{position:relative;padding-inline-end:46px;max-height:min(36vh,230px);overflow:auto}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools .comfort-close{position:absolute;inset:5px 5px auto auto;padding:0;width:34px;min-width:34px;height:34px;min-height:34px;border-radius:50%;font-size:24px;line-height:1}
html body:is(.reading-comfort,.dc-auto-only) .comfort-auto-launcher:focus-visible{outline:3px solid #b58a35;outline-offset:3px}
html body.reading-comfort.comfort-auto-collapsed{padding-bottom:64px}
/* Arabic surah names stay black; keep every existing tile/background colour. */
html body.reading-comfort :is(#qSurahs,#surahs,.q-surahs) button,
html body.reading-comfort :is(#qSurahs,#surahs,.q-surahs) button :is(strong,[lang="ar"],.q-surah-arabic,.surah-ar,.arabic,span,small){color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important;text-shadow:none!important}
@media print{.comfort-auto-launcher{display:none!important}}

/* Reading navigation leaves the viewport naturally; auto controls collapse separately. */
html body .dc-reader-nav-top{position:static!important;top:auto!important}

/* Bilingual controls stay legible without a small unlabeled close icon. */
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools>div{padding:10px!important}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools .comfort-close{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:44px!important;min-width:120px!important;padding:8px 12px!important;border-radius:10px!important;font-size:16px!important;line-height:1.5!important;font-weight:800!important}
html body:is(.reading-comfort,.dc-auto-only) .comfort-reader-tools label{display:block!important;font-weight:750}