:root{--card-text:32px;--translation-text:25px}body{--paper:#faf8f1}.cards-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #d8dfd2;border-radius:16px;padding:16px;margin:15px 0}.cards-tools label{font-size:16px}.cards-tools select{padding:8px 12px;border:1px solid #bdcdbf;border-radius:10px;font:inherit;color:inherit;background:inherit}.card-page{border:1px solid #c3d5ca;border-top:7px solid #3e745c;border-radius:24px;background:#eff7ef;box-shadow:0 8px 28px #123e3410;margin:28px 0;padding:clamp(20px,4vw,44px);scroll-margin-top:150px;color:#153c2c}.card-page:nth-child(4n+2){background:#edf3fb;border-color:#bdcede;border-top-color:#53789f;color:#17334d}.card-page:nth-child(4n+3){background:#fbf0f2;border-color:#dec4cb;border-top-color:#9c6072;color:#4a2836}.card-page:nth-child(4n+4){background:#faf3e4;border-color:#dfd0ac;border-top-color:#9c7c42;color:#493916}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #0002;padding-bottom:20px;margin-bottom:24px}.card-head h3{font-size:clamp(25px,3vw,36px);margin:0}.card-head small{font-size:16px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions button{font-size:16px;padding:9px 13px}.reflection{padding:22px 0;border-bottom:1px solid #0002}.reflection:last-child{border-bottom:0}.reflection h4{font-size:17px;letter-spacing:.02em;margin:0 0 14px;color:#395e4d}.text-ar{font-family:system-ui,'Arial',sans-serif;font-size:var(--card-text);line-height:2;direction:rtl;text-align:right;white-space:pre-wrap;font-weight:500;margin:0}.text-en{font-size:var(--translation-text);line-height:1.85;direction:ltr;text-align:left;white-space:pre-wrap;margin:0}.translation{padding-top:22px;margin-top:22px;border-top:1px dashed #0003}.reflection-question{border-inline-start:4px solid #9b7a3f;padding:12px 18px;margin-top:18px;background:#fff7;border-radius:8px}.reflection-question .text-ar{font-size:calc(var(--card-text) * .85)}.reflection-question .text-en{font-size:calc(var(--translation-text) * .9)}.only-ar .content-en,.only-en .content-ar{display:none!important}.card-source{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:15px;margin-top:25px}.card-source a{font-weight:600}.card-loading{background:#edf1e6;border:1px solid #d3dfca;border-radius:16px;padding:30px;font-size:20px}.card-error{background:#fff5ed;border:1px solid #d7b498;border-radius:16px;padding:25px}.favourite-active{background:#f4e6b6!important;color:#493b13!important}.toolbar{scroll-margin-top:10px}.cards-status{font-size:16px}.verse-context{font-size:18px;background:#fff7;padding:12px;margin:18px 0 0}.verse-context summary{font-size:17px}.verse-context p{font-size:26px;direction:rtl;text-align:right;line-height:2}.cards-intro{max-width:950px}body.night .card-page{background:#203c30;color:#edf3e6;border-color:#456450}body.night .card-page:nth-child(2n){background:#233949;color:#e6eff3}body.night .reflection h4{color:#d8e6ce}body.night .cards-tools{background:#203a2f}body.night .reflection-question,body.night .verse-context{background:#ffffff10}body.night .reflection,body.night .card-head{border-color:#ffffff30}body.night .card-loading{background:#294737;color:#e8f0df}@media(max-width:600px){:root{--card-text:29px;--translation-text:23px}.card-page{padding:22px 16px;border-radius:17px}.card-actions{gap:6px}.card-actions button{font-size:14px;padding:8px 10px}.card-head h3{font-size:26px}.reflection{padding:22px 0}.cards-tools{padding:12px}.reflection-question{padding:10px 12px}}

/* Clear dark text and a matched Quran page before every reflection card. */
body:not(.night){color:#111}body:not(.night) .card-page,body:not(.night) .card-page:nth-child(n),body:not(.night) .reflection h4,body:not(.night) .note,body:not(.night) .loading-hint,body:not(.night) #status,body:not(.night) #surahs button,body:not(.night) #surahs small,body:not(.night) .card-source a,body:not(.night) .cards-tools,body:not(.night) footer,body:not(.night) footer a{color:#111}
.text-ar{font-weight:600}.text-en{font-weight:500}.card-head small{opacity:1}.quran-before-reflection{margin:0 0 30px}.quran-page-nav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #b9cbbb;border-radius:14px;padding:14px;color:#111}.quran-page-nav button,.quran-image-links button{background:#e7eee7;color:#111;border:1px solid #9eb5a4;min-height:44px;font-weight:700;font-size:16px}.quran-page-nav button:disabled{opacity:.45;cursor:default}.quran-page-nav label{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:700}.quran-page-nav input{width:82px;min-height:44px;font:inherit;text-align:center;background:#fff;color:#111;border:1px solid #8ca495;border-radius:8px;padding:6px;box-sizing:border-box}.quran-page-figure{margin:20px auto 0;background:#fff;color:#111;border:1px solid #c6b99e;border-radius:16px;padding:clamp(10px,2vw,24px);max-width:780px;box-shadow:0 5px 20px #1b342014}.quran-page-figure figcaption{text-align:center;font-size:22px;font-weight:700;margin-bottom:18px;color:#111}.quran-page-figure img{display:block;width:100%;max-width:620px;height:auto;margin:auto;background:#fff;cursor:zoom-in;border-radius:4px}.quran-image-status{text-align:center;font-size:18px;color:#111}.quran-image-links{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px;font-size:15px}.quran-image-links a{color:#111;text-decoration:underline}.quran-zoom-dialog{width:96vw;max-width:1600px;height:94dvh;max-height:96dvh;padding:0;border:1px solid #9caf9d;border-radius:16px;background:#fff;color:#111}.quran-zoom-dialog::backdrop{background:#000b}.quran-zoom-bar{display:flex;gap:10px;flex-wrap:wrap;padding:12px;background:#edf2ec;position:sticky;top:0;z-index:1}.quran-zoom-bar button{color:#111;background:#fff;border:1px solid #78917d;font-weight:700;min-height:44px}.quran-zoom-scroll{height:calc(100% - 78px);overflow:auto;direction:ltr;text-align:center;padding:10px;box-sizing:border-box}.quran-zoom-scroll img{display:block;max-width:none;height:auto;margin:auto;background:#fff}.quran-before-reflection button:focus-visible,.quran-before-reflection img:focus-visible,.quran-page-nav input:focus-visible{outline:3px solid #a46b0e;outline-offset:3px}body.night .text-ar,body.night .text-en,body.night .card-head small{color:#f8faf6}body.night .quran-page-nav{background:#1d3429;color:#fff;border-color:#72937c}body.night .quran-page-nav label{color:#fff}
@media(max-width:600px){.quran-page-nav{gap:8px;padding:10px}.quran-page-nav button{font-size:14px;padding:9px}.quran-page-nav label{font-size:15px}.quran-page-figure{padding:8px;border-radius:10px}.quran-page-figure figcaption{font-size:20px}.quran-image-links{font-size:14px}.quran-zoom-bar button{font-size:14px;padding:8px}}

body:not(.night) main{background:#faf8f1;color:#111;border-radius:20px}body:not(.night) main h2,body:not(.night) .toolbar,body:not(.night) .toolbar label,body:not(.night) .toolbar button,body:not(.night) .intro button{color:#111}body:not(.night) footer{background:#faf8f1;color:#111}.quran-page-figure figcaption{justify-content:center}
body:not(.night) main{background:#faf8f1!important;color:#111!important}body:not(.night) main h2,body:not(.night) .toolbar,body:not(.night) .toolbar label,body:not(.night) .toolbar button,body:not(.night) .intro button{color:#111!important}body:not(.night) footer{background:#faf8f1!important;color:#111!important}

html body:not(.night) main#tadabburReader{background:#faf8f1!important;color:#111!important;max-width:1200px!important;width:100%!important}html body:not(.night) footer{background:#faf8f1!important;color:#111!important}

/* Coloured, readable controls shared by all nine reader interfaces. */
#tadabburReader button,.quran-zoom-bar button,.dc-share-dialog button,.dc-share-actions a{min-height:46px;border:1px solid #93b5a4;border-radius:13px;background:linear-gradient(145deg,#e2f0e8,#f4faf6);color:#132c23!important;font-weight:750;font-size:16px;line-height:1.65;box-shadow:0 3px 9px #173e3014;transition:transform .15s,box-shadow .15s}
#tadabburReader button:hover:not(:disabled),.dc-share-dialog button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #173e3024}
#tadabburReader button:focus-visible,.card-actions a:focus-visible,.dc-share-dialog button:focus-visible,.dc-share-actions a:focus-visible{outline:3px solid #b5791d;outline-offset:3px}
#surahs{gap:12px}#surahs button{background:linear-gradient(135deg,#dcefe3,#f2faf5);border:1px solid #9cbea8;border-inline-start:5px solid #2d7652;border-radius:16px;text-align:start;padding:15px 17px;min-height:78px}#surahs button:nth-child(4n+2){background:linear-gradient(135deg,#e0ecfa,#f5f9ff);border-color:#a3bcd8;border-inline-start-color:#416e9a}#surahs button:nth-child(4n+3){background:linear-gradient(135deg,#eee3f5,#faf6fe);border-color:#bca4cf;border-inline-start-color:#7a5396}#surahs button:nth-child(4n){background:linear-gradient(135deg,#f8ebcf,#fffbf0);border-color:#d3b983;border-inline-start-color:#9c7130}
#surahs button span{display:block;font-size:19px;font-weight:750;line-height:1.7;color:#132720!important}#surahs button small{display:block;font-size:15px;font-weight:600;color:#33463b!important;opacity:1}#surahs button[aria-pressed=true]{outline:3px solid #2e6d50;outline-offset:2px;box-shadow:0 5px 16px #245c3c25}
#resume,#more{background:linear-gradient(135deg,#17543e,#287452)!important;color:#fff!important;border-color:#17543e!important}#favourites{background:linear-gradient(135deg,#f7e5b4,#fff5db)!important;border-color:#c7a35a!important}#all{background:linear-gradient(135deg,#dfebfa,#f0f6ff)!important;border-color:#9ab5d6!important}
.card-actions{align-items:stretch}.card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:13px;padding:9px 14px;font-size:16px;font-weight:750;line-height:1.65;text-decoration:none}.card-actions .tadabbur-whatsapp,.dc-share-actions a{background:#166534!important;color:#fff!important;border:1px solid #14532d}.card-actions button:nth-child(1){background:#dceee3}.card-actions button:nth-child(2){background:#fff1ce}.card-actions button:nth-child(3){background:#e3edfb}.card-actions button:nth-child(4){background:#efe4f6}.card-actions [data-reading-page][aria-pressed=true]{box-shadow:inset 0 0 0 2px #246342}
.quran-page-nav button{background:linear-gradient(135deg,#dcebe5,#f0f7f3)!important;border-color:#8eafa0!important}.quran-page-nav button:disabled,#tadabburReader button:disabled{opacity:.5;box-shadow:none}.toolbar button{background:linear-gradient(135deg,#e0eafa,#f4f8ff)!important;border-color:#a2b8d3!important}.dc-share-actions{display:flex;gap:10px;flex-wrap:wrap}.dc-share-actions a{padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;border-radius:13px}
body.night #surahs button{background:#244b3a!important;border-color:#648b76;color:#fff!important}body.night #surahs button:nth-child(2n){background:#28445c!important}body.night #surahs button span,body.night #surahs button small{color:#f5faf7!important}body.night #surahs button[aria-pressed=true]{outline-color:#e4bf69}
@media(max-width:600px){#surahs button{padding:12px;min-height:75px}#surahs button span{font-size:18px}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.card-actions button,.card-actions a{font-size:15px;padding:10px 8px}.card-actions .tadabbur-whatsapp{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#tadabburReader button{transition:none}#tadabburReader button:hover{transform:none}}
/* Keep accent colours above the shared button baseline. */
#tadabburReader #resume,#tadabburReader #more{color:#fff!important}#tadabburReader .card-actions button:nth-child(1){background:#dceee3}#tadabburReader .card-actions button:nth-child(2){background:#fff1ce}#tadabburReader .card-actions button:nth-child(3){background:#e3edfb}#tadabburReader .card-actions button:nth-child(4){background:#efe4f6}#tadabburReader .toolbar button{background:linear-gradient(135deg,#e0eafa,#f4f8ff)!important;border-color:#a2b8d3!important}
.dc-language-picker button,.dc-language-picker summary,.dc-language-trigger{color:#143c2d!important}.dc-language-menu a{color:#143c2d!important}