/* 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:var(--size)!important;line-height:2.05!important}
html body.reading-comfort :is(.pair .english,.card .en){color:#211d20!important;font-size:max(23px,calc(var(--size) * .77))!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.reading-comfort .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.reading-comfort .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.reading-comfort .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.reading-comfort .comfort-reader-tools button[aria-pressed=true]{background:#581d36;color:white}
body.reading-comfort .comfort-reader-tools.is-compact :is(label,select,.comfort-top){display:none}
body.reading-comfort .comfort-reader-tools.is-compact>div{margin-inline-start:auto;padding:4px;box-shadow:0 2px 8px #2c0c2815}
body.reading-comfort .comfort-reader-tools label{font:15px/1.4 Tahoma,Arial;color:#4e1830}
body.reading-comfort .comfort-reader-tools button:focus-visible{outline:3px solid #b58a35;outline-offset:3px}
body.reading-comfort .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.reading-comfort .comfort-reader-tools{transition:none}}
@media print{body.reading-comfort{background:white}.comfort-reader-tools{display:none!important}}

/* Explicit light reading palette: dark ink stays readable in every saved theme. */
html body.reading-comfort #book-cover.cover{background:#dfeaff!important;color:#17151a!important;min-height:0}
html body.reading-comfort #book-cover.cover :is(h1,h2,p,span,small,strong,a){color:#17151a!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}
html body.reading-comfort #book-cover.cover :is(a.button,button){background:#fff!important;border-color:#805368!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+1){background:#e1f3e8!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+2){background:#dfeaff!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+3){background:#f9e1e9!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+4){background:#ede1fa!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+5){background:#ffefc7!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair):nth-of-type(6n+6){background:#d9f1f2!important;color:#17151a!important}
html body.reading-comfort :is(.card,.pair) :is(h3,p,span,small,.ar,.en,.arabic,.english){color:#17151a!important;-webkit-text-fill-color:currentColor!important}
#study-auto{bottom:max(12px,env(safe-area-inset-bottom))!important}#study-auto-launcher{bottom:max(16px,env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px);font-size:17px!important}
body:has(#study-auto) .comfort-reader-tools{display:none!important}
@media print{#study-auto,#study-auto-launcher{display:none!important}}

html body.reading-comfort.mono :is(.card,.pair){background:#fff!important;color:#17151a!important}

html body.reading-comfort #book-cover .subtitle{font-size:clamp(34px,5vw,58px)!important;line-height:1.65!important;text-align:center;margin-inline:auto}

#study-auto[hidden],#study-auto-launcher[hidden]{display:none!important}html body #study-auto-launcher{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;border-radius:50%!important;padding:0!important;font-size:20px!important;line-height:1!important}html body #study-auto{max-height:32vh;overflow:auto}

html body #study-close{position:static!important;width:auto!important;min-width:120px!important;min-height:44px!important;height:auto!important;padding:8px 12px!important;border-radius:10px!important;font-size:16px!important;line-height:1.5!important}#study-auto label{font-weight:800}