/* Quaran Reader Upgrade: editorial mode switch and clean Mushaf-like continuous reading. */
.qre-reader{--qrup-green:#103e30;--qrup-muted:#758a7e;--qrup-line:#d9e5dc;--qrup-soft:#f2f7f3}
.qre-reader .qrup-modebar{display:flex;justify-content:flex-end;align-items:center;margin:23px 0 14px;width:100%;font-family:Lato,Arial,sans-serif}
.qre-reader .qrup-modes{display:inline-flex;align-items:center;gap:3px;background:#f2f6f2;border:1px solid var(--qrup-line);padding:4px;border-radius:12px;box-shadow:0 3px 11px rgba(12,46,34,.03)}
.qre-reader .qrup-mode{appearance:none!important;box-shadow:none!important;border:0!important;padding:11px 17px!important;min-height:39px!important;border-radius:9px!important;background:transparent!important;color:#567365!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer;white-space:nowrap;transition:background .17s ease,color .17s ease,box-shadow .17s ease}
.qre-reader .qrup-mode:hover{background:#e0ece3!important;color:var(--qrup-green)!important}
.qre-reader .qrup-mode.is-active,.qre-reader .qrup-mode[aria-pressed=true]{background:#fff!important;color:#154936!important;box-shadow:0 2px 9px rgba(18,63,44,.10)!important}
.qre-reader :is(.qrup-mode,.qrup-repeat):focus-visible{outline:2px solid #529b72!important;outline-offset:3px!important}
.qre-reader .qre-audio-card{position:relative}
.qre-reader .qrup-repeat{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:fit-content!important;min-height:37px!important;border:1px solid #cddfd2!important;border-radius:9px!important;padding:8px 12px!important;color:#255841!important;background:#fff!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important;transition:background .18s,border-color .18s,color .18s}
.qre-reader .qrup-repeat:hover{background:#e5f0e7!important;border-color:#a8cbbb!important;color:#123e2d!important}
.qre-reader .qrup-repeat.is-active{background:#164f3d!important;color:#fff!important;border-color:#164f3d!important}
.qre-reader .qrup-repeat svg{width:17px!important;height:17px!important;flex:none;stroke:currentColor!important;fill:none!important}
.qre-reader .qrup-provider-note{font-size:11px!important;line-height:1.65!important;color:#748d7e!important;margin:0!important;max-width:700px}
.qre-reader .qre-verse .qrup-ayah-marker{display:none}
/* Continuous reading keeps the original verse text intact; only presentation changes. */
.qre-reader.qrup-reading .qre-verses{direction:rtl!important;text-align:justify!important;padding:35px clamp(20px,5vw,65px)!important;line-height:2.7!important;border-radius:13px!important;background:#fff!important}
.qre-reader.qrup-reading .qre-verse{display:inline!important;border:none!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;scroll-margin-top:100px!important}
.qre-reader.qrup-reading .qre-verse-tools,.qre-reader.qrup-reading .qre-translated{display:none!important}
.qre-reader.qrup-reading .qre-arabic{display:inline!important;font-family:'Amiri Quran','Noto Naskh Arabic','Amiri',serif!important;font-size:var(--qre-arabic-size,36px)!important;line-height:2.65!important;letter-spacing:0!important;color:#244538!important;text-align:inherit!important;unicode-bidi:normal!important;word-break:normal!important;overflow-wrap:normal!important;margin:0!important;padding:0!important}
.qre-reader.qrup-reading .qrup-ayah-marker{display:inline!important;white-space:nowrap!important;direction:rtl!important;font-family:'Amiri Quran','Noto Naskh Arabic',serif!important;font-size:calc(var(--qre-arabic-size,36px)*.76)!important;color:#a17e3d!important;padding:0 .12em!important}
.qre-reader.qrup-reading .qre-verse.qre-current{box-shadow:none!important;background:transparent!important}
.qre-reader .qre-verse.qrup-selected{scroll-margin-top:110px}
.qre-reader.qrup-chapter-only .qre-verse-play{opacity:.35!important;cursor:not-allowed!important}
.qre-reader.qrup-chapter-only .qrup-repeat{opacity:.55;pointer-events:none}
.qre-reader .qre-audio-timeline{display:grid!important;grid-template-columns:43px minmax(0,1fr) 43px!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important}
.qre-reader .qre-audio-timeline span{font-size:12px!important;font-variant-numeric:tabular-nums!important;line-height:1.5!important;white-space:nowrap!important}
.qre-reader .qre-audio-seek{width:100%!important;max-width:none!important;min-width:0!important;accent-color:#166047!important;box-shadow:none!important}
.qre-reader :is(.qre-audio-play,.qre-audio-prev,.qre-audio-next,.qre-verse-play){transition:background .17s,color .17s,border-color .17s!important}
.qre-reader .qre-play-group .qre-audio-play:hover{background:#24634e!important;border-color:#24634e!important;color:#fff!important}
.qre-reader .qre-play-group button:not(.qre-audio-play):hover{background:#e6f0e9!important;color:#164832!important;border-color:#acccb9!important}
@media(max-width:700px){
 .qre-reader .qrup-modebar{justify-content:stretch;margin:17px 0 12px}
 .qre-reader .qrup-modes{display:grid;width:100%;grid-template-columns:1fr 1fr}
 .qre-reader .qrup-mode{padding:12px 6px!important;font-size:12px!important;white-space:normal}
 .qre-reader.qrup-reading .qre-verses{padding:25px 17px!important;line-height:2.5!important}
 .qre-reader.qrup-reading .qre-arabic{font-size:var(--qre-arabic-size,30px)!important;line-height:2.5!important}
 .qre-reader .qre-audio-timeline{gap:8px!important;grid-template-columns:40px minmax(0,1fr) 40px!important}
 .qre-reader .qrup-repeat{min-height:39px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.qre-reader .qrup-mode,.qre-reader .qrup-repeat{transition:none!important}}