/* E-Quran Readers V19 – implementation of the selected Arabic UI mockups. * Scoped to body.eqr19; existing HTML, playback IDs, and shared header/footer remain intact. * Mobile-first; no runtime libraries; Chrome 109 compatible. */ body.eqr19{--r19-forest:#064d40;--r19-deep:#093c34;--r19-green:#126c57;--r19-gold:#e5bb70;--r19-cream:#fbf5e6;--r19-ink:#17382f;--r19-muted:#63786f;--r19-panel:#fff;--r19-bg:#f5f8f5;--r19-line:#dbe5de;--r19-tint:#edf4ef;--r19-shadow:0 12px 36px rgba(21,53,42,.085);--r19-max:1320px;color:var(--r19-ink);background:var(--r19-bg);margin:0;overflow-x:hidden} :is(html[data-theme="dark"] body.eqr19,html.dark body.eqr19,html.night body.eqr19,body.eqr19[data-theme="dark"]){--r19-ink:#ebf5ef;--r19-muted:#b9d2c6;--r19-panel:#173c32;--r19-bg:#0d2823;--r19-line:#386352;--r19-tint:#244b3d;--r19-shadow:0 14px 38px rgba(0,0,0,.2);--r19-cream:#e4dfc9;color-scheme:dark} body.eqr19 :is(.rd17-page,.reader-page-v15,.surah-audio-index,.surah-audio-page,.listen-launcher,.listening-dashboard,.rs-page#content){max-width:var(--r19-max)!important;width:min(var(--r19-max),calc(100% - 32px))!important;box-sizing:border-box;padding:14px 0 68px!important;margin-inline:auto!important;overflow:visible!important} body.eqr19 :is(.rd17-page,.reader-page-v15,.surah-audio-index,.surah-audio-page,.listen-launcher,.listening-dashboard,.rs-page#content) *{box-sizing:border-box} body.eqr19 [hidden]{display:none!important} body.eqr19 :is(.reader-hero,.rs-hero,.readers-hero,.rd17-hero){background-color:#075441!important;background-image:linear-gradient(90deg,rgba(5,53,44,.02) 0%,rgba(5,63,51,.36) 30%,rgba(3,72,56,.96) 63%,rgba(4,65,52,.98) 100%),url('/files/image/readers/readers-hero-v19.webp')!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:left center!important;border:1px solid #26755c!important;border-radius:23px!important;box-shadow:0 18px 36px rgba(8,61,47,.12)!important;isolation:isolate;position:relative;overflow:hidden;color:#fff!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) :is(h1,h2,h3,p,span,strong,small){color:#fff!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) :is(.readers-eyebrow,.rs-eyebrow,.rd17-eyebrow){color:#f1d69b!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) h1{font-size:clamp(1.55rem,3.2vw,2.85rem)!important;line-height:1.39!important;letter-spacing:0!important;font-weight:850!important;margin:10px 0!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) :is(.readers-breadcrumb,.rs-breadcrumb,.rd17-crumb){color:#d6eae0!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) :is(.readers-breadcrumb,.rs-breadcrumb,.rd17-crumb) a{color:#f9e0aa!important} body.eqr19 :is(.reader-hero,.readers-hero,.rs-hero){padding:clamp(22px,3.3vw,46px)!important;min-height:265px;margin-bottom:18px!important} body.eqr19 .rd17-hero{padding:clamp(22px,3.2vw,44px)!important;min-height:310px} body.eqr19 .rd17-hero .rd17-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:18px!important;align-items:center} body.eqr19 .rd17-hero .rd17-hero-copy{max-width:760px} body.eqr19 .rd17-hero .rd17-hero-desc{max-width:650px;color:#e3f0e9!important;line-height:1.95!important;font-size:1rem!important} body.eqr19 .rd17-hero .rd17-hero-stats{max-width:260px;min-width:0;grid-column:2} body.eqr19 .rd17-hero .rd17-hero-stats>*{border:1px solid rgba(246,239,218,.45);background:rgba(5,58,48,.4);backdrop-filter:blur(4px);border-radius:13px;padding:13px 17px} body.eqr19 .rd17-hero :is(.rd17-btn-gold,.rd17-btn-solid){background:linear-gradient(180deg,#f3d494,#deb16d)!important;color:#193a2c!important;border:0!important;box-shadow:0 3px 0 #af884a!important;font-weight:850!important} body.eqr19 .rd17-hero :is(.rd17-btn-outline){background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid #a6d0bd!important} /* Dedicated second-level navigation; shared site header remains unchanged */ body.eqr19 .eqr18-nav{border-radius:17px!important;padding:9px 13px!important;box-shadow:none!important;background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;margin-bottom:15px!important;gap:9px!important} body.eqr19 .eqr18-nav__brand{font-weight:900!important;font-size:1rem!important;color:var(--r19-ink)!important} body.eqr19 .eqr18-nav__mark{background:linear-gradient(155deg,#177762,#034536)!important;border-radius:13px!important;width:43px!important;height:43px!important} body.eqr19 .eqr18-nav__item{border:1px solid var(--r19-line)!important;border-radius:11px!important;background:var(--r19-panel)!important;min-height:43px!important;color:var(--r19-ink)!important;font-weight:750!important;white-space:nowrap} body.eqr19 .eqr18-nav__item[aria-current="page"]{background:var(--r19-tint)!important;box-shadow:inset 0 -2px 0 var(--r19-gold)!important;color:var(--r19-ink)!important} /* Design system */ body.eqr19 :is(.rd17-section,.rd17-shortcuts,.rd17-resume,.rd17-favorites,.rd17-intents,.rd17-faq,.rd17-discovery,.rd17-catalog,.rs-player,.rs-section,.reader-toolbar,.surah-list-section,.reader-related,.readers-tools,.readers-list-section,.surah-link-grid,.rv16-surah-tools,.rv16-explore,.launcher-card,.dash-panel,.dash-grid>article,.eqr18-context,.rd19-highlight,.rd19-tabs,.rd19-reader-aside){background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;border-radius:19px!important;box-shadow:var(--r19-shadow)!important;color:var(--r19-ink)!important} body.eqr19 :is(.rd17-section,.reader-toolbar,.surah-list-section,.readers-tools,.readers-list-section,.surah-link-grid,.rv16-explore,.launcher-card,.dash-panel,.rd19-reader-aside){padding:clamp(15px,2vw,26px)!important} body.eqr19 :is(.rd17-section,.reader-toolbar,.surah-list-section,.readers-tools,.readers-list-section,.surah-link-grid,.rv16-explore,.launcher-card,.dash-panel,.rd19-reader-aside) :is(h2,h3){color:var(--r19-ink)!important} body.eqr19 :is(.readers-intro,.reader-lead,.rs-lead){line-height:1.95!important} body.eqr19 :is(input,select,button){font:inherit} body.eqr19 :is(input[type="search"],select){background:var(--r19-panel)!important;color:var(--r19-ink)!important;border-color:var(--r19-line)!important;border-radius:12px!important;min-height:46px!important} body.eqr19 :is(a,button,input,select,summary):focus-visible{outline:3px solid #c99d48!important;outline-offset:3px!important} body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero) :is(.btn-primary,.rs-primary){background:#efc77f!important;color:#163c2e!important;border:1px solid #fff2cc!important;font-weight:850!important;box-shadow:none!important} body.eqr19 :is(.reader-hero,.readers-hero,.rs-hero) :is(.btn-secondary,.rs-btn:not(.rs-primary)){background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important} body.eqr19 :is(.reader-hero,.readers-hero,.rs-hero) :is(.hero-actions,.rs-hero-actions){display:flex;gap:9px;flex-wrap:wrap;margin-top:15px} body.eqr19 :is(.reader-hero,.readers-hero,.rs-hero) :is(.hero-actions,.rs-hero-actions)>*{min-height:42px;padding:9px 16px;border-radius:11px!important} /* Homepage: hero + compact star-reader strip and mobile-first catalogue. */ body.eqr19 .rd17-shell{max-width:none!important;width:100%!important} body.eqr19 .rd17-hero-stats span{color:#f5db99!important} body.eqr19 .rd17-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:11px!important} body.eqr19 .rd17-shortcut{background:var(--r19-tint)!important;border:1px solid var(--r19-line)!important;border-radius:13px!important;min-height:84px!important} body.eqr19 .rd17-shortcut :is(strong,small){color:var(--r19-ink)!important} body.eqr19 .rd17-discovery{margin-top:16px!important} body.eqr19 .rd17-search-box{border-radius:15px!important;background:var(--r19-tint)!important;padding:17px!important;gap:10px!important} body.eqr19 .rd17-search-field{border-color:var(--r19-line)!important;border-radius:13px!important;background:var(--r19-panel)!important} body.eqr19 .rd17-reader-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;list-style:none!important;padding:0!important} body.eqr19 .rd17-reader{position:relative;background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;border-radius:16px!important;box-shadow:0 5px 15px rgba(17,53,40,.05)!important;min-width:0;min-height:220px;padding:16px 12px!important;text-align:center;transition:transform .15s,border-color .15s} body.eqr19 .rd17-reader:hover{transform:translateY(-2px);border-color:#cead70!important} body.eqr19 .rd17-reader-top{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:8px} body.eqr19 .rd17-avatar{width:78px!important;height:78px!important;border-radius:18px!important;background:linear-gradient(135deg,#e8eee8,#c7ddcf)!important;color:#116049!important;border:3px solid #edf4ee!important;overflow:hidden;display:grid;place-items:center;font-size:1.7rem} body.eqr19 .rd17-avatar img{width:100%!important;height:100%!important;object-fit:cover} body.eqr19 .rd17-fav{position:absolute;top:0;inset-inline-end:0;width:34px;height:34px;border-radius:50%;background:var(--r19-tint)!important;color:#a68144!important;border:1px solid var(--r19-line)!important} body.eqr19 .rd17-reader-name{font-size:1rem!important;line-height:1.6!important;min-height:2.5em;margin:4px 0!important} body.eqr19 .rd17-reader-name a{color:var(--r19-ink)!important} body.eqr19 .rd17-reader-narr{display:inline-flex;justify-content:center;background:var(--r19-tint)!important;border-radius:100px;color:var(--r19-green)!important;padding:3px 10px;font-size:.76rem!important;margin:5px auto 12px!important} body.eqr19 .rd17-reader-cta{display:flex!important;align-items:center;justify-content:center;min-height:41px;background:linear-gradient(160deg,#08725a,#034938)!important;color:#fff!important;border-radius:10px!important;text-decoration:none!important;font-weight:850!important} body.eqr19 .rd19-highlight{padding:15px 19px!important;margin:16px 0!important} body.eqr19 .rd19-highlight__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px} body.eqr19 .rd19-highlight__top h2{font-size:1.07rem!important;margin:0!important;color:var(--r19-ink)!important} body.eqr19 .rd19-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} body.eqr19 .rd19-person{display:flex;align-items:center;gap:10px;border:1px solid var(--r19-line);background:var(--r19-tint);border-radius:12px;min-height:74px;padding:9px 12px;color:var(--r19-ink)!important;text-decoration:none!important;font-weight:780} body.eqr19 .rd19-person img{width:50px;height:50px;object-fit:cover;border-radius:12px;background:#e6ece8;flex:none} body.eqr19 .rd19-person small{display:block;color:var(--r19-muted);font-size:.7rem;margin-top:3px;font-weight:400} /* Reader detail: strong photographed hero and tabs; original controls retain their IDs. */ body.eqr19 .reader-hero{padding:28px!important} body.eqr19 .reader-hero-grid{display:grid!important;grid-template-columns:130px minmax(0,1fr) 185px!important;align-items:center!important;gap:22px!important} body.eqr19 .reader-hero-grid>div:first-child:not(.rd19-reciter-portrait){min-width:0} body.eqr19 .rd19-reciter-portrait{width:120px;height:120px;border-radius:26px;border:3px solid rgba(248,235,202,.7);background:linear-gradient(140deg,#dcebe1,#8cbaab);overflow:hidden;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.12);font-size:3rem;font-weight:850;color:#145342!important} body.eqr19 .rd19-reciter-portrait img{width:100%;height:100%;object-fit:cover} body.eqr19 .reader-hero-grid .reader-hero-card{display:flex!important;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.27)!important;padding:14px!important;border-radius:14px!important;max-width:none;background:rgba(5,62,49,.51)!important} body.eqr19 .reader-hero-card figure{display:none!important} body.eqr19 .reader-hero-card a{color:#fff!important} body.eqr19 .reader-hero .reader-narration{display:inline-block;border:1px solid rgba(255,255,255,.47);border-radius:999px;padding:5px 13px;font-size:.85rem;margin:0!important;color:#fff!important} body.eqr19 .reader-hero .reader-lead{font-size:.88rem!important;max-width:710px} body.eqr19 .rd19-tabs{display:flex;align-items:center;gap:8px;min-height:54px;padding:7px!important;margin:0 0 15px!important;box-shadow:none!important} body.eqr19 .rd19-tabs a{flex:1;min-width:0;text-align:center;padding:10px 7px;border-radius:10px;text-decoration:none!important;font-size:.85rem;font-weight:800;color:var(--r19-ink)!important;background:var(--r19-tint)} body.eqr19 .rd19-tabs a:first-child{background:linear-gradient(150deg,#117a61,#04523f);color:#fff!important} body.eqr19 .rd19-reader-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start} body.eqr19 .rd19-reader-main{min-width:0} body.eqr19 .rd19-reader-aside{position:sticky;top:18px;min-width:0} body.eqr19 .rd19-reader-aside h2{font-size:1.06rem!important;margin:2px 0 5px} body.eqr19 .rd19-reader-aside p{color:var(--r19-muted);font-size:.78rem;line-height:1.65;margin:0 0 11px} body.eqr19 .rd19-recommendations{display:grid;gap:8px} body.eqr19 .rd19-recommendations a{display:flex;align-items:center;gap:10px;min-height:51px;padding:9px;border:1px solid var(--r19-line);background:var(--r19-tint);border-radius:11px;color:var(--r19-ink)!important;text-decoration:none!important;font-weight:750;font-size:.87rem} body.eqr19 .rd19-recommendations a::before{content:'▶';display:grid;place-items:center;border:1px solid #9bc1ab;background:var(--r19-panel);border-radius:50%;color:#0f6a4f;width:28px;height:28px;flex:none;font-size:.66rem} body.eqr19 .surah-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;margin:10px 0!important;list-style:none} body.eqr19 .surah-item{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center;gap:10px;border:1px solid var(--r19-line)!important;background:var(--r19-panel)!important;border-radius:12px!important;min-height:92px!important;padding:12px!important;min-width:0} body.eqr19 .surah-item .surah-number{display:grid;place-items:center;background:var(--r19-cream)!important;color:#795827!important;border:1px solid #ddc08c!important;border-radius:12px;width:36px;height:36px;font-weight:850} body.eqr19 .surah-item :is(h3,p,a){overflow-wrap:anywhere} body.eqr19 .surah-item h3{font-size:.94rem!important;margin:0 0 4px!important} body.eqr19 .surah-item .surah-copy p{font-size:.73rem;color:var(--r19-muted)!important} body.eqr19 .surah-item .rs-landing-link{color:#086c52!important;font-size:.75rem!important} body.eqr19 .reader-toolbar,.eqr19 .surah-list-section{margin-bottom:13px!important} /* Per-surah index; no fabricated listening metrics. */ body.eqr19 .rd19-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px} body.eqr19 .rd19-filter-chips button{background:var(--r19-panel);border:1px solid var(--r19-line);color:var(--r19-ink);padding:9px 13px;min-height:41px;border-radius:999px;font-size:.82rem;font-weight:760;cursor:pointer} body.eqr19 .rd19-filter-chips button[aria-pressed="true"]{background:#0d6c52;color:#fff;border-color:#0d6c52} body.eqr19 .surah-audio-index .surah-link-grid ol{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;list-style:none;margin:0;padding:0} body.eqr19 .surah-audio-index .surah-link-grid li{min-width:0;list-style:none} body.eqr19 .surah-audio-index .surah-link-grid li a{display:flex!important;align-items:center;min-height:91px;padding:13px 16px!important;gap:13px!important;border-radius:14px!important;background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;text-decoration:none!important;color:var(--r19-ink)!important} body.eqr19 .surah-audio-index .surah-link-grid li a:hover{border-color:#c5a269!important;box-shadow:0 4px 14px rgba(22,69,51,.09)} body.eqr19 .surah-audio-index .surah-link-grid li a span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px!important;background:#f2e4c6!important;color:#7c5c2d!important;border:1px solid #dcc08b!important;font-size:.9rem!important;font-weight:850} body.eqr19 .surah-audio-index .surah-link-grid li a strong{font-size:1.03rem!important;color:var(--r19-ink)!important} body.eqr19 .surah-audio-index .surah-link-grid li.rd19-filter-hidden{display:none!important} body.eqr19 .surah-audio-index .rv16-surah-tools{border-top:0!important;padding:14px!important} /* Surah page reader choices: transform existing semantic table into real cards without changing its data/JS. */ body.eqr19 .surah-audio-page .readers-list-section .readers-table-wrap{overflow:visible!important;max-width:none} body.eqr19 .surah-audio-page .readers-list-section #readersV16{display:block!important;width:100%!important;border:0!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 thead{display:none!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;width:100%} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:1fr auto auto;gap:6px 9px;align-items:center;min-width:0;background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;border-radius:15px!important;padding:14px!important;margin:0!important;box-shadow:0 4px 12px rgba(15,62,40,.04)} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr[hidden]{display:none!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td{display:block!important;border:0!important;background:none!important;min-width:0!important;width:auto!important;padding:0!important;overflow-wrap:anywhere} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:first-child{display:grid!important;place-items:center;grid-column:1;grid-row:1;width:36px!important;height:36px;border:1px solid #dcc18d!important;border-radius:12px;background:#f5ecd9!important;color:#775f35!important;font-weight:800} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(2){grid-column:2;grid-row:1} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(2)>a:first-child{font-size:1rem;font-weight:850;color:var(--r19-ink)!important;text-decoration:none!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(3){grid-column:1/-1;grid-row:2;font-size:.82rem;color:var(--r19-green)!important;padding:3px 8px!important;background:var(--r19-tint)!important;border-radius:9px} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(4){grid-column:1/-1;grid-row:3;display:flex!important;align-items:center;gap:8px;padding-top:5px!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(4) .reader-listen-now{flex:1;min-height:42px;display:grid;place-items:center;border-radius:10px!important;background:#00664c!important;color:#fff!important;font-size:.83rem;text-decoration:none!important;font-weight:850} body.eqr19 .surah-audio-page .readers-list-section #readersV16 tbody tr td:nth-child(4) button{height:42px;min-width:42px;border-radius:10px!important} body.eqr19 .surah-audio-page .readers-list-section #readersV16 .rd19-row-avatar{float:inline-start;width:38px;height:38px;border:1px solid var(--r19-line);border-radius:11px;background:var(--r19-tint);display:grid;place-items:center;margin-inline-end:8px;overflow:hidden;color:#0e7157;font-weight:850} body.eqr19 .surah-audio-page .readers-list-section #readersV16 .rd19-row-avatar img{width:100%;height:100%;object-fit:cover} /* Listen track: original audio events remain authoritative; make actual existing player central. */ body.eqr19 .rs-hero{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center;gap:17px;min-height:200px!important;padding:23px!important} body.eqr19 .rs-avatar{width:91px!important;height:91px!important;border-radius:19px!important;object-fit:cover;border:3px solid rgba(245,220,171,.7)!important} body.eqr19 .rs-hero .rs-image-note{display:none!important} body.eqr19 .rs-hero h1{font-size:clamp(1.5rem,3vw,2.5rem)!important;margin:8px 0!important} body.eqr19 .rs-hero .rs-lead{font-size:.87rem!important} body.eqr19 .rs-player{padding:clamp(18px,2.6vw,34px)!important;text-align:center;border-top:0!important} body.eqr19 .rs-player .rs-player-head{justify-content:center!important;flex-direction:column!important;gap:8px!important;margin:0 auto 12px} body.eqr19 .rs-player-head h2{color:var(--r19-ink)!important;font-size:1.25rem} body.eqr19 .rs-player #rsStatus{background:var(--r19-tint)!important;color:var(--r19-green)!important;border-radius:100px;padding:5px 13px} body.eqr19 .rs-player .rs-main-controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center;justify-items:center;max-width:570px;margin:16px auto!important;gap:10px!important} body.eqr19 .rs-player .rs-main-controls button{height:49px!important;min-width:49px!important;min-height:49px!important;border-radius:50%!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important;border:1px solid var(--r19-line)!important;font-weight:750} body.eqr19 .rs-player .rs-main-controls button.rs-play{width:78px!important;height:78px!important;background:linear-gradient(150deg,#04755a,#064a3b)!important;color:#fff!important;border:5px solid #f0c881!important;box-shadow:0 8px 22px rgba(0,75,56,.22)!important;font-size:.96rem!important} body.eqr19 .rs-player .rs-progress{display:flex!important;gap:13px;align-items:center;direction:ltr;margin:10px 0 14px} body.eqr19 .rs-player .rs-progress input{flex:1;min-width:0;accent-color:#087b5e;cursor:pointer} body.eqr19 .rs-player .rs-progress span{font-size:.82rem;color:var(--r19-muted)!important;font-variant-numeric:tabular-nums} body.eqr19 .rs-player .rs-control-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important} body.eqr19 .rs-player .rs-control-grid label{background:var(--r19-tint)!important;border:1px solid var(--r19-line)!important;border-radius:12px!important;padding:11px!important} body.eqr19 .rs-player :is(.rs-download,.rs-advanced-open){border-radius:12px!important} body.eqr19 .rs-prev-next{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px} body.eqr19 .rs-prev-next a{min-width:0} body.eqr19 .rd19-sticky{position:fixed;inset-inline:0;bottom:0;z-index:700;display:flex;align-items:center;gap:12px;padding:8px max(14px,calc((100vw - 1190px)/2));background:#07523e;box-shadow:0 -8px 28px rgba(0,35,26,.18);color:#fff;min-height:65px} body.eqr19 .rd19-sticky[hidden]{display:none!important} body.eqr19 .rd19-sticky__btn{background:#f2cf8a;color:#154633;border:0;border-radius:50%;width:42px;height:42px;flex:none;cursor:pointer;font-size:1.04rem} body.eqr19 .rd19-sticky__copy{flex:1;min-width:0;font-size:.85rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.eqr19 .rd19-sticky__copy small{display:block;font-size:.7rem;font-weight:400;color:#dceee5} body.eqr19 .rd19-sticky__time{font-size:.76rem;direction:ltr;white-space:nowrap;font-variant-numeric:tabular-nums;color:#f0dfb9} /* Launcher, personal dashboard and guided audio discovery */ body.eqr19 .launcher-card{max-width:900px!important;margin-inline:auto!important} body.eqr19 .launcher-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important} body.eqr19 .launcher-card form button{grid-column:1/-1;background:#056b53!important;color:#fff!important;min-height:52px!important;border-radius:12px!important} body.eqr19 .listening-dashboard .dash-grid{gap:13px} body.eqr19 .listening-dashboard .dash-grid>article{min-width:0} body.eqr19 :is(.readers-tools,.reader-toolbar,.rd17-search-box,.rv16-surah-tools){border-top:1px solid var(--r19-line)!important} body.eqr19 .rd19-guide{margin:18px 0;padding:17px 20px;border:1px solid var(--r19-line);background:var(--r19-panel);border-radius:16px;box-shadow:var(--r19-shadow)} body.eqr19 .rd19-guide h2{font-size:1.15rem;color:var(--r19-ink);margin:0 0 8px} body.eqr19 .rd19-guide p{line-height:1.95;color:var(--r19-muted);margin:0} body.eqr19 .rd19-guide__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px} body.eqr19 .rd19-guide__links a{background:var(--r19-tint);border:1px solid var(--r19-line);color:var(--r19-ink)!important;border-radius:10px;padding:9px 12px;text-decoration:none;font-size:.82rem;font-weight:760} /* Provide contrast even when a global stylesheet uses fixed light background. */ body.eqr19 :is(.rd17-reader,.rs-section,.rs-player,.readers-list-section,.surah-link-grid,.reader-toolbar,.surah-list-section,.rd17-catalog,.rd17-discovery){color:var(--r19-ink)!important} @media(max-width:1150px){body.eqr19 .rd17-reader-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.eqr19 .surah-audio-page #readersV16 tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.eqr19 .reader-hero-grid{grid-template-columns:95px minmax(0,1fr)!important}body.eqr19 .reader-hero-card{display:none!important}body.eqr19 .rd19-reciter-portrait{width:94px;height:94px}} @media(max-width:760px){body.eqr19 :is(.rd17-page,.reader-page-v15,.surah-audio-index,.surah-audio-page,.listen-launcher,.listening-dashboard,.rs-page#content){width:calc(100% - 20px)!important;padding-top:8px!important}body.eqr19 .eqr18-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px!important;gap:5px!important}body.eqr19 .eqr18-nav__brand{grid-column:1/-1!important;padding-bottom:6px}body.eqr19 .eqr18-nav__item{flex-direction:column!important;gap:3px!important;white-space:normal!important;min-height:55px!important;font-size:.73rem!important;padding:6px 3px!important;text-align:center}body.eqr19 .rd17-hero .rd17-hero-grid{grid-template-columns:1fr!important}body.eqr19 .rd17-hero .rd17-hero-stats{display:none!important}body.eqr19 .rd17-hero{min-height:220px!important}body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero){padding:20px 16px!important;background-image:linear-gradient(90deg,rgba(5,59,47,.76),rgba(3,71,55,.94) 48%,rgba(3,65,51,.97)),url('/files/image/readers/readers-hero-v19.webp')!important;background-position:left center!important}body.eqr19 .rd17-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.eqr19 .rd19-featured{grid-template-columns:repeat(2,minmax(0,1fr))}body.eqr19 .rd17-reader-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.eqr19 .rd19-reader-columns{grid-template-columns:1fr}body.eqr19 .rd19-reader-aside{position:static}body.eqr19 .surah-list{grid-template-columns:1fr!important}body.eqr19 .surah-audio-index .surah-link-grid ol{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.eqr19 .surah-audio-page #readersV16 tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.eqr19 .rd19-tabs a{font-size:.75rem}body.eqr19 .rs-hero{grid-template-columns:73px minmax(0,1fr)!important;gap:9px;padding:18px 14px!important;min-height:160px!important}body.eqr19 .rs-avatar{width:70px!important;height:70px!important}body.eqr19 .rs-player .rs-main-controls{gap:5px!important}body.eqr19 .rs-player .rs-main-controls button{min-width:40px!important;min-height:43px!important;height:43px!important;font-size:.71rem!important}body.eqr19 .rs-player .rs-main-controls button.rs-play{height:63px!important;width:63px!important}body.eqr19 .rs-player .rs-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.eqr19 .launcher-card form{grid-template-columns:1fr}body.eqr19 .rd19-sticky{padding:8px 12px}} @media(max-width:460px){body.eqr19 :is(.rd17-hero,.reader-hero,.readers-hero,.rs-hero){border-radius:16px!important;padding:17px 13px!important}body.eqr19 .rd17-hero :is(.rd17-hero-actions,.hero-actions){flex-direction:column;align-items:stretch}body.eqr19 .rd17-shortcut{min-height:76px!important}body.eqr19 .rd17-reader-grid{gap:8px!important}body.eqr19 .rd17-reader{padding:12px 8px!important;min-height:205px}body.eqr19 .rd17-avatar{width:64px!important;height:64px!important}body.eqr19 .rd17-reader-name{font-size:.87rem!important}body.eqr19 .rd19-person{padding:8px;gap:6px;font-size:.78rem}body.eqr19 .rd19-person img{height:39px;width:39px}body.eqr19 .reader-hero-grid{grid-template-columns:69px minmax(0,1fr)!important;gap:10px!important}body.eqr19 .rd19-reciter-portrait{height:66px;width:66px;border-radius:16px;font-size:1.8rem}body.eqr19 .reader-hero h1{font-size:1.32rem!important}body.eqr19 .reader-hero .reader-lead{font-size:.77rem!important}body.eqr19 .reader-hero .hero-actions{grid-column:1/-1}body.eqr19 .surah-audio-page #readersV16 tbody{grid-template-columns:1fr!important}body.eqr19 .surah-audio-index .surah-link-grid li a{min-height:83px;padding:9px!important;gap:7px!important}body.eqr19 .surah-audio-index .surah-link-grid li a span{width:32px;height:32px;border-radius:9px!important}body.eqr19 .surah-audio-index .surah-link-grid li a strong{font-size:.88rem!important}body.eqr19 .rs-hero{grid-template-columns:60px minmax(0,1fr)!important;gap:9px!important}body.eqr19 .rs-avatar{height:58px!important;width:58px!important;border-radius:13px!important}body.eqr19 .rs-player{padding:16px 11px!important}body.eqr19 .rs-player .rs-main-controls button{font-size:.65rem!important;min-width:35px!important;padding:4px!important}body.eqr19 .rs-player .rs-main-controls button.rs-play{width:55px!important;height:55px!important}body.eqr19 .rs-player .rs-progress{gap:5px}body.eqr19 .rd19-sticky__copy{font-size:.75rem}body.eqr19 .rd19-sticky__time{font-size:.66rem}body.eqr19 .rd19-guide{padding:13px}} @media(max-width:350px){body.eqr19 .eqr18-nav__item{font-size:.65rem!important}body.eqr19 .rd17-reader-grid{grid-template-columns:1fr!important}body.eqr19 .surah-audio-index .surah-link-grid ol{grid-template-columns:1fr!important}} @media(prefers-reduced-motion:reduce){body.eqr19 *,body.eqr19 *::before,body.eqr19 *::after{animation:none!important;transition:none!important}} /* V19 visual audit refinements: photographic homepage and compact mobile hero. */ body.eqr19 .rd17-page .rd17-hero{background-image:linear-gradient(90deg,rgba(4,58,45,.02) 0%,rgba(4,69,54,.40) 35%,rgba(3,67,53,.94) 65%,rgba(3,61,50,.98) 100%),url('/files/image/readers/readers-hero-v19.webp')!important;background-position:left center!important;background-size:cover!important;background-color:#084c3e!important} body.eqr19 .rd17-page .rd17-hero-visual{visibility:hidden!important;pointer-events:none} body.eqr19 .surah-audio-page #readersV16 tbody tr td:nth-child(2) a:not(.rs-static-link){font-size:.96rem;font-weight:850;color:var(--r19-ink)!important} body.eqr19 .rs-page .eqr18-context{margin-top:13px!important} body.eqr19 .rs-page .eqr18-context__desc{font-size:.8rem!important} body.eqr19 .listen-launcher{max-width:100%!important;overflow-x:clip!important} body.eqr19 .listen-launcher :is(.readers-hero,.launcher-card,.rd19-guide){min-width:0;max-width:100%} @media(max-width:760px){body.eqr19 .reader-hero-grid .reader-hero-card{display:none!important}body.eqr19 .rd17-page .rd17-hero{background-image:linear-gradient(90deg,rgba(4,60,48,.67),rgba(3,65,51,.96) 49%,rgba(3,59,48,.98)),url('/files/image/readers/readers-hero-v19.webp')!important}body.eqr19 .rs-page .eqr18-context{padding:12px!important;gap:8px!important}} /* V20.1: focused fixes for catalog view, Arabic alphabet, hero menu, audio controls and contrast. Replaces conflicting V19 presentation only; preserves existing playback hooks. */ body.eqr19.rd17-index .eqr18-nav{justify-content:center!important} body.eqr19.rd17-index .eqr18-nav__item{flex:1 1 0;min-width:0;justify-content:center} body.eqr19 .rd20-alphabet{margin:15px 0 17px;padding:16px;border:1px solid var(--r19-line);border-radius:15px;background:var(--r19-panel);color:var(--r19-ink)} body.eqr19 .rd20-alphabet__heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px} body.eqr19 .rd20-alphabet__heading strong{font-size:1rem;color:var(--r19-ink)} body.eqr19 .rd20-alphabet__heading span{font-size:.77rem;color:var(--r19-muted)} body.eqr19 .rd20-alphabet__buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(39px,1fr));gap:5px} body.eqr19 .rd20-alphabet__buttons button{display:grid;place-items:center;min-height:43px;min-width:0;border:1px solid var(--r19-line)!important;border-radius:9px;background:var(--r19-tint)!important;color:var(--r19-ink)!important;font-size:.92rem;font-weight:800;cursor:pointer;line-height:1.2} body.eqr19 .rd20-alphabet__buttons button[aria-pressed="true"]{background:#075b46!important;border-color:#075b46!important;color:#fff!important;box-shadow:0 2px 0 rgba(0,0,0,.1)} body.eqr19 .rd20-alphabet__buttons button:focus-visible{outline:3px solid #c69c50;outline-offset:2px} body.eqr19.rd17-index #rd17-grid.rd17-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important} body.eqr19.rd17-index #rd17-grid.rd17-list>.rd17-reader{display:grid!important;grid-template-columns:58px minmax(0,1fr) minmax(112px,auto)!important;grid-template-rows:auto auto auto!important;gap:1px 13px!important;align-items:center;min-height:91px!important;max-width:none!important;padding:11px 14px!important;text-align:start!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-top{grid-column:1;grid-row:1/4;display:block!important;position:relative!important;margin:0!important;min-width:0} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-avatar{display:grid!important;width:54px!important;height:54px!important;border-radius:13px!important;font-size:1.2rem!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-fav{display:grid!important;place-items:center;position:absolute!important;top:-9px!important;inset-inline-end:-4px!important;width:29px!important;height:29px!important;min-height:29px!important;opacity:1!important;pointer-events:auto!important;font-size:1rem!important;z-index:2} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-name{grid-column:2;grid-row:1;min-height:0!important;margin:0!important;font-size:.98rem!important;line-height:1.4!important;min-width:0} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-narr{grid-column:2;grid-row:2;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:.78rem!important;justify-content:flex-start!important;color:var(--r19-muted)!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd19-available{display:block!important;grid-column:2;grid-row:3;color:var(--r19-muted)!important;font-size:.73rem!important;margin:0!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-cta{grid-column:3;grid-row:1/4;min-width:0;min-height:44px!important;margin:0!important;padding:8px 11px!important;white-space:normal!important;text-align:center!important;font-size:.79rem!important} body.eqr19 .rd17-view-toggle{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px;min-width:190px;max-width:100%} body.eqr19.rd17-index #content .rd17-view-toggle button{display:flex!important;min-width:0;align-items:center;justify-content:center;gap:6px;min-height:44px!important;color:var(--r19-ink)!important;font-weight:800!important} body.eqr19.rd17-index #content .rd17-view-toggle button[aria-pressed="true"]{background:#075b46!important;color:#fff!important;border-radius:9px!important} /* Native details menu: put the open panel in the normal flow, not under a clipped hero. */ body.eqr19 .reader-hero .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:stretch!important;min-width:0} body.eqr19 .reader-hero .rv16-hero-more{position:static!important;min-width:0;max-width:100%;margin:0!important} body.eqr19 .reader-hero .rv16-hero-more>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:11px;cursor:pointer;list-style:none;font-weight:800} body.eqr19 .reader-hero .rv16-hero-more>summary::-webkit-details-marker{display:none} body.eqr19 .reader-hero .rv16-hero-more>summary::after{content:'⌄';margin-inline-start:8px} body.eqr19 .reader-hero .rv16-hero-more[open]{flex:1 1 100%;order:10} body.eqr19 .reader-hero .rv16-hero-more[open]>summary{width:max-content;max-width:100%;background:#f4d491!important;color:#164335!important;border-color:#f4d491!important} body.eqr19 .reader-hero .rv16-hero-more[open]>summary::after{content:'⌃'} body.eqr19 .reader-hero .rv16-hero-more>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;position:static!important;inset:auto!important;min-width:0!important;width:min(100%,420px)!important;margin:8px 0 0!important;padding:9px!important;gap:8px!important;background:rgba(2,43,33,.92)!important;border:1px solid rgba(255,255,255,.46)!important;border-radius:12px!important;box-shadow:none!important} body.eqr19 .reader-hero .rv16-hero-more>div button{min-width:0;min-height:44px!important;padding:9px!important;white-space:normal!important;border:1px solid #b7d8c9!important;background:#f3f7f1!important;color:#124936!important;border-radius:9px!important;font-weight:850!important} /* Audio play/skip buttons: full-width rounded rectangles instead of tiny circles. */ body.eqr19 .rs-player .rs-main-controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;max-width:660px!important;margin:12px auto!important;align-items:stretch!important;justify-items:stretch!important} body.eqr19 .rs-player .rs-main-controls button{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:54px!important;min-height:48px!important;padding:6px 8px!important;border-radius:12px!important;border:1px solid var(--r19-line)!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important;font-size:.85rem!important;font-weight:850!important;line-height:1.25!important;white-space:normal!important;box-shadow:none!important} body.eqr19 .rs-player .rs-main-controls button.rs-play{width:100%!important;height:54px!important;min-width:0!important;border:1px solid #0d634b!important;border-radius:12px!important;background:linear-gradient(145deg,#087457,#034c3b)!important;color:#fff!important;font-size:.92rem!important;box-shadow:0 5px 16px rgba(0,68,52,.15)!important} body.eqr19 :is(.reader-page-v15 .surah-play,.rv16-page .surah-actions .surah-play,.surah-audio-page .reader-listen-now){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px!important;min-width:88px!important;padding:8px 13px!important;border:1px solid #086047!important;border-radius:11px!important;background:#06664d!important;color:#fff!important;font-weight:850!important;line-height:1.35;white-space:normal!important;box-shadow:none!important} body.eqr19 .surah-actions .surah-play>span{display:inline!important} body.eqr19 .rd19-sticky__btn{width:49px!important;height:43px!important;border-radius:11px!important;font-size:1.02rem!important} /* Small accessible toolbar, full advanced controls remain in the advanced player. */ body.eqr19 .rs-player .rs-control-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;max-width:850px;margin:14px auto 9px!important;align-items:stretch} body.eqr19 .rs-player .rs-control-grid>label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;min-height:47px!important;padding:6px 9px!important;border-radius:10px!important;background:var(--r19-tint)!important;border:1px solid var(--r19-line)!important;color:var(--r19-ink)!important;font-size:.78rem!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;margin:0!important} body.eqr19 .rs-player .rs-control-grid select{width:auto!important;max-width:65%!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:3px 6px!important;border:1px solid var(--r19-line)!important;border-radius:8px!important;background:var(--r19-panel)!important;color:var(--r19-ink)!important;font-size:.78rem!important;box-sizing:border-box} body.eqr19 .rs-player .rs-control-grid input[type="range"]{width:48%!important;min-width:35px!important;accent-color:#0a7558!important} body.eqr19 .rs-player .rs-control-grid .rs-check{grid-column:1/-1;justify-content:center!important;gap:10px!important;min-height:39px!important} body.eqr19 .rs-player .rs-control-grid .rs-check input{width:18px;height:18px;accent-color:#066b50} body.eqr19 .rs-advanced-launcher{margin:10px auto!important;max-width:850px} body.eqr19 .rs-advanced-open{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:62px!important;border:2px solid #c99c49!important;background:linear-gradient(120deg,#fff8e8,#eaf5ed)!important;border-radius:13px!important;color:#173e2d!important;text-align:start!important;padding:8px 14px!important;box-shadow:none!important} body.eqr19 .rs-advanced-open__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#0a694d!important;color:#fff!important} body.eqr19 .rs-advanced-open__copy strong{color:#173e2d!important;font-size:.94rem!important} body.eqr19 .rs-advanced-open__copy small{color:#415b4f!important;font-size:.74rem!important} body.eqr19 .rs-advanced-open__hint{color:#76531a!important} /* Contrast and form spacing on Listen Now / My Library, day and night. */ body.eqr19 :is(.listen-launcher,.listening-dashboard) :is(.launcher-card,.dash-panel,.dash-grid>article){background:var(--r19-panel)!important;border:1px solid var(--r19-line)!important;color:var(--r19-ink)!important;box-shadow:var(--r19-shadow)!important} body.eqr19 :is(.listen-launcher,.listening-dashboard) :is(.launcher-card,.dash-panel,.dash-grid>article) :is(h2,h3,strong,label){color:var(--r19-ink)!important} body.eqr19 :is(.listen-launcher,.listening-dashboard) :is(.launcher-card,.dash-panel,.dash-grid>article) :is(p,small,.privacy-note){color:var(--r19-muted)!important} body.eqr19 .listen-launcher .launcher-card form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end} body.eqr19 .listen-launcher .launcher-card label{display:grid!important;gap:7px!important;min-width:0!important;color:var(--r19-ink)!important;font-weight:750} body.eqr19 .listen-launcher .launcher-card select{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:46px!important;padding:8px 11px!important;background:var(--r19-panel)!important;color:var(--r19-ink)!important;border:1px solid var(--r19-line)!important;color-scheme:inherit} body.eqr19 .listen-launcher .launcher-card form button{min-height:48px!important;background:#07634b!important;color:#fff!important;border:1px solid #07634b!important} body.eqr19 .listening-dashboard .dash-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} body.eqr19 .listening-dashboard .dash-grid>article{padding:17px!important;min-width:0!important} body.eqr19 .listening-dashboard .dash-list{display:grid!important;gap:8px!important;min-width:0} body.eqr19 .listening-dashboard .dash-list>a,body.eqr19 .listening-dashboard .dash-panel>a,body.eqr19 .listening-dashboard .dash-list>div{display:grid!important;gap:3px;min-width:0!important;padding:10px 12px!important;border:1px solid var(--r19-line)!important;border-radius:10px!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important;text-decoration:none!important;overflow-wrap:anywhere} body.eqr19 .listening-dashboard .dash-list>a strong{color:var(--r19-ink)!important} body.eqr19 .listening-dashboard :is(a,button,select,input):focus-visible,body.eqr19 .listen-launcher :is(a,button,select,input):focus-visible{outline:3px solid #d3a85c!important;outline-offset:2px} html[data-theme="dark"] body.eqr19{--r19-muted:#c2dccf} html[data-theme="dark"] body.eqr19 .rd20-alphabet__buttons button[aria-pressed="true"]{background:#b8e4cd!important;color:#123929!important;border-color:#b8e4cd!important} html[data-theme="dark"] body.eqr19 .rd17-view-toggle button[aria-pressed="true"]{background:#b8e4cd!important;color:#123929!important} html[data-theme="dark"] body.eqr19 .rs-advanced-open{background:linear-gradient(115deg,#263e31,#343825)!important;border-color:#d0ad6a!important;color:#f3ead1!important} html[data-theme="dark"] body.eqr19 .rs-advanced-open__copy strong{color:#fff3d7!important} html[data-theme="dark"] body.eqr19 .rs-advanced-open__copy small{color:#d4ddcf!important} html[data-theme="dark"] body.eqr19 .rs-advanced-open__hint{color:#f4d18c!important} html[data-theme="dark"] body.eqr19 .rs-player .rs-control-grid :is(select,input){color-scheme:dark} @media(max-width:760px){ body.eqr19.rd17-index .eqr18-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} body.eqr19.rd17-index .rd17-catalog-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important} body.eqr19.rd17-index .rd17-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} body.eqr19.rd17-index .rd17-view-toggle button{width:100%!important;min-width:0!important} body.eqr19 .rs-player .rs-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.eqr19 .rs-player .rs-control-grid>label{min-height:54px!important;font-size:.74rem!important;padding:7px!important} body.eqr19 .rs-player .rs-control-grid select{max-width:62%!important;font-size:.72rem!important} body.eqr19 .rs-player .rs-main-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important} body.eqr19 .rs-player .rs-main-controls button,body.eqr19 .rs-player .rs-main-controls button.rs-play{width:100%!important;height:49px!important;min-width:0!important;min-height:49px!important;border-radius:10px!important;font-size:.73rem!important;padding:5px 2px!important;border-width:1px!important} body.eqr19 .listen-launcher .launcher-card form{grid-template-columns:1fr!important;gap:10px!important} body.eqr19 .listening-dashboard .dash-grid{grid-template-columns:1fr!important} } @media(max-width:460px){ body.eqr19 .rd20-alphabet{padding:11px!important} body.eqr19 .rd20-alphabet__buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px} body.eqr19 .rd20-alphabet__buttons button{min-height:44px;min-width:0;padding:4px 0!important;font-size:.82rem} body.eqr19.rd17-index #rd17-grid.rd17-list{grid-template-columns:1fr!important} body.eqr19.rd17-index #rd17-grid.rd17-list>.rd17-reader{grid-template-columns:47px minmax(0,1fr) 95px!important;gap:0 7px!important;min-height:83px!important;padding:10px 8px!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-avatar{width:45px!important;height:45px!important;border-radius:10px!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-fav{width:27px!important;height:27px!important;min-height:27px!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-name{font-size:.83rem!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-narr{font-size:.7rem!important} body.eqr19.rd17-index #rd17-grid.rd17-list .rd17-reader-cta{font-size:.71rem!important;min-height:44px!important;padding:5px!important} body.eqr19 .reader-hero .rv16-hero-more>div{grid-template-columns:1fr!important} body.eqr19 .rs-advanced-open{grid-template-columns:38px minmax(0,1fr)!important;padding:7px 9px!important} body.eqr19 .rs-advanced-open__hint{display:none!important} body.eqr19 .rs-advanced-open__icon{width:36px;height:36px} } @media(prefers-reduced-motion:reduce){body.eqr19 .rd20-alphabet *{transition:none!important}} /* Readers V20.2 — cross-section navigation, browse modes, alignment & whitespace. Non-destructive: original HTML titles, links and audio handlers remain the source of truth. */ /* The duplicated sub-brand in the internal menu is unnecessary; preserve breadcrumb and global header. */ body.eqr19 .eqr18-nav__brand{display:none!important} body.eqr19 .eqr18-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;padding:8px!important;max-width:100%!important} body.eqr19 .eqr18-nav__item{min-width:0!important;text-align:center!important;justify-content:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.35!important} /* Remove the oversized blank space below every content area, not the site footer itself. */ body.eqr19 :is(.rd17-page,.reader-page-v15,.surah-audio-index,.surah-audio-page,.listen-launcher,.listening-dashboard,.rs-page#content){padding-bottom:14px!important;min-height:0!important} body.eqr19 :is(.reader-related,.rv16-explore,.rs-section:last-child,.rd17-faq:last-child,.rd17-intents:last-child,.dash-panel:last-child){margin-bottom:12px!important} /* Helpful contextual panels: title, summary and actions align as an intentional compact unit. */ body.eqr19 .eqr18-context{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px 18px!important;min-width:0!important;margin:10px 0 15px!important;padding:15px 19px!important;border-inline-start:3px solid #ba9552!important} body.eqr19 .eqr18-context__copy{min-width:0!important} body.eqr19 .eqr18-context__label{font-size:.73rem!important;color:var(--r19-green)!important;line-height:1.5!important;margin-bottom:3px!important} body.eqr19 .eqr18-context__title{font-size:clamp(1rem,1.6vw,1.17rem)!important;line-height:1.45!important;margin:0!important;color:var(--r19-ink)!important} body.eqr19 .eqr18-context__desc{font-size:.8rem!important;line-height:1.65!important;color:var(--r19-muted)!important;margin:3px 0 0!important} body.eqr19 .eqr18-context__actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;min-width:0!important} body.eqr19 .eqr18-context__actions>a{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-width:110px!important;min-height:42px!important;padding:9px 11px!important;border:1px solid var(--r19-line)!important;border-radius:10px!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important;font-size:.78rem!important;font-weight:800!important;text-decoration:none!important;white-space:normal!important;text-align:center!important} body.eqr19 .eqr18-context__actions>a:first-child{background:#086149!important;color:#fff!important;border-color:#086149!important} /* By-surah directory: search and jump selectors share one clean responsive grid. */ body.eqr19 .surah-audio-index .rv16-surah-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:12px!important;padding:16px!important} body.eqr19 .surah-audio-index .rv16-surah-tools>label{display:grid!important;gap:6px!important;min-width:0!important;font-weight:750!important;color:var(--r19-ink)!important} body.eqr19 .surah-audio-index .rv16-surah-tools>p{grid-column:1/-1!important;margin:0!important;color:var(--r19-muted)!important;font-size:.8rem!important} body.eqr19 .surah-audio-index .rv16-surah-tools :is(input,select){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;padding:8px 10px!important} /* Surah-with-many-readers: the filter UI should not collapse into irregular widths. */ body.eqr19 .surah-audio-page .readers-tools{min-width:0!important;padding:clamp(14px,2vw,23px)!important} body.eqr19 .surah-audio-page .readers-tools__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:12px!important} body.eqr19 .surah-audio-page .readers-controls{display:grid!important;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:end!important} body.eqr19 .surah-audio-page .readers-controls>label{display:grid!important;gap:6px!important;min-width:0!important;font-weight:750!important;font-size:.79rem!important;color:var(--r19-ink)!important} body.eqr19 .surah-audio-page .readers-controls :is(input,select){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:45px!important;padding:7px 9px!important} body.eqr19 .surah-audio-page .rv16-filter-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;flex-wrap:wrap!important;margin-top:13px!important} body.eqr19 .surah-audio-page .view-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:215px!important;gap:5px!important;padding:4px!important;border-radius:12px!important;border:1px solid var(--r19-line)!important;background:var(--r19-tint)!important} body.eqr19 .surah-audio-page .view-switch button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:42px!important;border-radius:9px!important;border:0!important;background:transparent!important;color:var(--r19-ink)!important;font-weight:850!important} body.eqr19 .surah-audio-page .view-switch button[aria-pressed="true"]{background:#086149!important;color:#fff!important} /* V19 previously forced cards even when JS switched to table: restore an actual compact list. */ body.eqr19:not(.readers-cards) .surah-audio-page #readersV16{display:block!important;width:100%!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr{display:grid!important;grid-template-columns:39px minmax(0,2fr) minmax(105px,1fr) minmax(120px,auto)!important;grid-template-rows:auto!important;gap:10px!important;align-items:center!important;min-height:68px!important;padding:10px 13px!important;border-radius:12px!important;box-shadow:none!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td{grid-row:1!important;grid-column:auto!important;margin:0!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important;height:auto!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:first-child{grid-column:1!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:9px!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(2){grid-column:2!important;grid-row:1!important;font-weight:800!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(3){grid-column:3!important;grid-row:1!important;font-size:.77rem!important;color:var(--r19-muted)!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(4){grid-column:4!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;padding:0!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(4) .reader-listen-now{flex:0 1 auto!important;min-width:78px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr{min-width:0!important} /* Reader contextual journey: concise, centered and without a third distracting button. */ body.eqr19 .reader-page-v15 .eqr18-context{padding:13px 17px!important;gap:9px 12px!important} body.eqr19 .reader-page-v15 .eqr18-context__actions>a{min-width:120px!important} /* Share page replaces More inside the reader hero; the existing ID keeps its original handler. */ body.eqr19 .reader-hero .hero-actions #shareReader{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:9px 15px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.75)!important;color:#fff!important;background:rgba(0,42,33,.35)!important;white-space:nowrap!important;font-weight:850!important} /* Other voices: heading and see-all action on one row, even on compact screens. */ body.eqr19 .rs-page .rs-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important} body.eqr19 .rs-section-head #rsChangeTitle{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(.81rem,1.55vw,1.12rem)!important;line-height:1.4!important;margin:0!important} body.eqr19 .rs-section-head #rsChangeTitle+a{flex:0 0 auto!important;min-width:0!important;max-width:46%!important;white-space:nowrap!important;padding:8px 9px!important;font-size:.76rem!important} /* Recent session: one clean vertical item with readable light/dark contrast. */ body.eqr19 .listen-launcher #launchContinue:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;margin-top:14px!important;padding:15px!important;border:1px solid var(--r19-line)!important;border-inline-start:4px solid #bd9652!important;border-radius:13px!important;background:var(--r19-tint)!important;color:var(--r19-ink)!important;text-align:start!important} body.eqr19 .listen-launcher #launchContinue p{margin:0!important;font-weight:800!important;color:var(--r19-ink)!important;font-size:.89rem!important;line-height:1.7!important} body.eqr19 .listen-launcher #launchContinue a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 12px!important;border-radius:10px!important;background:#075c46!important;border:1px solid #075c46!important;color:#fff!important;font-weight:850!important;text-align:center!important;overflow-wrap:anywhere!important} body.eqr19 .listen-launcher .launcher-card form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:11px!important} body.eqr19 .listen-launcher .launcher-card form>button{grid-column:1/-1!important;width:100%!important} @media(max-width:900px){ body.eqr19 .eqr18-context{grid-template-columns:minmax(0,1fr)!important;gap:11px!important} body.eqr19 .eqr18-context__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;width:100%!important} body.eqr19 .eqr18-context__actions>a{min-width:0!important;width:100%!important} body.eqr19 .surah-audio-page .readers-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.eqr19 .surah-audio-page .readers-controls>.readers-search{grid-column:1/-1!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter:last-child{grid-column:1/-1!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ body.eqr19 .eqr18-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:5px!important} body.eqr19 .eqr18-nav__item{min-height:52px!important;gap:3px!important;font-size:.70rem!important;padding:6px 3px!important} body.eqr19 .eqr18-nav__item svg{width:16px!important;height:16px!important} body.eqr19 .eqr18-context{padding:12px!important;margin:8px 0 12px!important;border-radius:14px!important} body.eqr19 .eqr18-context__desc{font-size:.77rem!important} body.eqr19 .eqr18-context__actions>a{font-size:.73rem!important;padding:8px 6px!important} body.eqr19 .surah-audio-index .rv16-surah-tools{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:10px!important} body.eqr19 .surah-audio-page .rv16-filter-footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important} body.eqr19 .surah-audio-page .view-switch{width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} body.eqr19 .surah-audio-page .readers-tools__head{align-items:flex-start!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr{grid-template-columns:32px minmax(0,1fr) minmax(94px,auto)!important;grid-template-rows:auto auto!important;gap:3px 7px!important;min-height:76px!important;padding:9px!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:first-child{grid-column:1!important;grid-row:1/3!important;width:30px!important;height:30px!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(2){grid-column:2!important;grid-row:1!important;font-size:.86rem!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(3){grid-column:2!important;grid-row:2!important;font-size:.73rem!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(4){grid-column:3!important;grid-row:1/3!important;gap:3px!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(4) .reader-listen-now{min-width:58px!important;padding:6px!important;font-size:.72rem!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 tbody tr td:nth-child(4) button{min-width:35px!important;width:35px!important;height:39px!important;padding:5px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody{grid-template-columns:minmax(0,1fr)!important} body.eqr19 .rs-section-head #rsChangeTitle{font-size:clamp(.7rem,2.6vw,.86rem)!important} body.eqr19 .rs-section-head #rsChangeTitle+a{font-size:.67rem!important;padding:6px 5px!important;max-width:39%!important} body.eqr19 .listen-launcher .launcher-card form{grid-template-columns:minmax(0,1fr)!important} body.eqr19 .listen-launcher .launcher-card form>button{grid-column:1!important} } /* Keep non-JS fallback: details remains usable until replaced by the share button. */ /* A catalog card must look distinct from a one-line list on normal mobile widths. */ @media(min-width:360px) and (max-width:600px){ body.eqr19.readers-cards .surah-audio-page #readersV16 tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr{padding:10px!important;grid-template-columns:29px minmax(0,1fr)!important;gap:5px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr td:first-child{width:29px!important;height:29px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr td:nth-child(2)>a:first-child{font-size:.8rem!important;line-height:1.45!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr td:nth-child(4){flex-wrap:wrap!important;gap:5px!important} body.eqr19.readers-cards .surah-audio-page #readersV16 tbody tr td:nth-child(4) .reader-listen-now{min-width:65px!important;padding:7px 5px!important;font-size:.76rem!important} } /* Decorative initial is redundant in table/list mode; its number is already in column one. */ body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 .rd19-row-avatar{display:none!important} body.eqr19:not(.readers-cards) .surah-audio-page #readersV16 .rs-static-wrap{font-size:.68rem!important;line-height:1.35!important} /* Readable contextual labels in the night palette. */ :is(html[data-theme="dark"],html.dark,html.night) body.eqr19 .eqr18-context__label{color:#efce91!important} /* ================================================================ READERS V20.3 — compact scrolling header, readable alphabet, responsive filters, reader artwork and track controls. Scoped to readers pages; never changes /js/main.js or shared headers. ================================================================ */ /* overflow-x:hidden on body creates a scroll container in CSS and can prevent position:sticky from sticking to the viewport. */ body.eqr19{overflow-x:clip!important;overflow-y:visible!important} body.eqr19 #header{display:block!important;position:sticky!important;top:0!important;z-index:1000!important;min-height:0!important;padding:0!important;width:100%!important;overflow:visible!important} body.eqr19 #header>.eq-header{position:relative!important;top:auto!important;z-index:1!important;width:100%!important;max-width:100%!important} body.eqr19 #header.eq-header-compact>.eq-header .eq-header-inner{min-height:59px!important;padding-block:6px!important} body.eqr19 #header.eq-header-compact>.eq-header .eq-brand small{max-height:0!important;opacity:0!important;overflow:hidden!important} body.eqr19 #header.eq-header-scrolled>.eq-header{box-shadow:0 6px 22px rgba(5,43,32,.2)!important} /* prevent section anchor headings from sitting behind the sticky site header */ body.eqr19 :is(#rd17-search,#rd17-catalog,#surahList,#surahToolsTitle,#rsToolsTitle,#rsPlayerTitle,#rsAllTitle){scroll-margin-top:100px} /* Alphabet: quiet one-line horizontal picker on mobile; compact two-row board on wide desktops. No 28 small squares crowded into a screen. */ body.eqr19.rd17-index .rd20-alphabet{padding:13px 16px!important;margin-block:12px 16px!important;display:grid!important;gap:10px!important;border-radius:16px!important;min-width:0!important} body.eqr19.rd17-index .rd20-alphabet__heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important} body.eqr19.rd17-index .rd20-alphabet__heading strong{font-size:.92rem!important;color:var(--r19-ink)!important} body.eqr19.rd17-index #rd20-letter-status{font-size:.76rem!important;color:var(--r19-muted)!important} body.eqr19.rd17-index .rd203-alpha-track{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;align-items:center!important;min-width:0!important} body.eqr19.rd17-index .rd20-alphabet__buttons{display:flex!important;gap:6px!important;padding:3px 1px 8px!important;margin:0!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:var(--r19-line) transparent} body.eqr19.rd17-index .rd20-alphabet__buttons button{flex:0 0 39px!important;width:39px!important;min-width:39px!important;min-height:40px!important;border-radius:11px!important;font-size:.91rem!important;scroll-snap-align:start;background:var(--r19-panel)!important;border-color:var(--r19-line)!important;color:var(--r19-ink)!important;transition:background .15s,border-color .15s} body.eqr19.rd17-index .rd20-alphabet__buttons button:first-child{flex-basis:55px!important;width:55px!important} body.eqr19.rd17-index .rd20-alphabet__buttons button[aria-pressed="true"]{background:#086049!important;color:#fff!important;border-color:#086049!important;box-shadow:none!important} body.eqr19.rd17-index .rd203-alpha-arrow{display:grid;place-items:center;width:38px;height:40px;min-width:38px;padding:0;border-radius:11px;border:1px solid var(--r19-line);background:var(--r19-tint);color:var(--r19-ink);cursor:pointer} body.eqr19.rd17-index .rd203-alpha-arrow:disabled{opacity:.35;cursor:default} body.eqr19.rd17-index .rd203-alpha-arrow svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html[data-theme="dark"] body.eqr19 .rd20-alphabet__buttons button[aria-pressed="true"]{background:#b8e4cd!important;color:#123929!important;border-color:#b8e4cd!important} body.eqr19.rd17-index #rd17-resume .rd17-btn-solid,body.eqr19.rd17-index #rd17-resume-link{background:#f4d18b!important;color:#183729!important;border:1px solid #ddac56!important;text-shadow:none!important;font-weight:850!important} body.eqr19.rd17-index #rd17-resume-link :is(svg,path){stroke:#183729!important;color:#183729!important} html[data-theme="dark"] body.eqr19.rd17-index #rd17-resume-link{background:#f2ce80!important;color:#1e362c!important} /* All missing/archive-default reader portraits use the same neutral avatar. Never present a generic symbol as the real person's photograph. */ body.eqr19 .rd203-avatar-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;vertical-align:middle;background:linear-gradient(135deg,#e6f0e9,#bdd6c5)!important;border:1px solid #b4cfc0!important;border-radius:inherit;color:#175743!important;overflow:hidden;min-width:0;min-height:0} body.eqr19 .rd203-avatar-fallback svg{display:block;width:57%;height:57%;min-width:19px;min-height:19px;max-width:62px;max-height:62px;stroke:#1a6b51;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} body.eqr19 .rd17-avatar>.rd203-avatar-fallback,body.eqr19 .rd19-reciter-portrait>.rd203-avatar-fallback,body.eqr19 .rs-avatar-wrap>.rd203-avatar-fallback,body.eqr19 .rd19-row-avatar>.rd203-avatar-fallback{width:100%!important;height:100%!important;border-radius:inherit} body.eqr19 .rd19-person>.rd203-avatar-fallback{width:50px;height:50px;border-radius:12px} body.eqr19 .reader-hero-card .rd203-avatar-fallback{width:65px;height:65px;border-radius:14px} body.eqr19 .rs-avatar-wrap .rs-image-note:has(+.rd203-avatar-fallback){display:none} body.eqr19 .rd17-avatar:has(>.rd203-avatar-fallback){font-size:0!important} body.eqr19 .rd203-avatar-fallback:focus-visible{outline:3px solid #bd8e48;outline-offset:2px} /* By-surah filters: رواية / عرض in one row; view buttons in one row with icons. */ body.eqr19 .surah-audio-page .readers-controls{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))!important} body.eqr19 .surah-audio-page .view-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:200px!important} body.eqr19 .surah-audio-page .view-switch button{display:inline-flex!important;gap:7px!important;align-items:center!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important} body.eqr19 .surah-audio-page .view-switch svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round} @media(max-width:760px){ body.eqr19 .surah-audio-page .readers-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body.eqr19 .surah-audio-page .readers-controls>.readers-search{grid-column:1/-1!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter:nth-child(2){grid-column:1!important;grid-row:2!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter:nth-child(3){grid-column:2!important;grid-row:2!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter:nth-child(4){grid-column:1/-1!important;grid-row:3!important} body.eqr19 .surah-audio-page .view-switch{width:100%!important;min-width:0!important} body.eqr19 .surah-audio-page .view-switch button{font-size:.84rem!important} } /* Listen now: remove empty tall hero and keep the action form high on screen. */ body.eqr19 .listen-launcher .readers-hero{min-height:0!important;height:auto!important;padding:17px 23px!important;margin-bottom:9px!important;background-position:left center!important} body.eqr19 .listen-launcher .readers-hero h1{font-size:clamp(1.32rem,2.4vw,2.05rem)!important;margin:5px 0!important;line-height:1.4!important} body.eqr19 .listen-launcher .readers-hero :is(.readers-intro,.readers-eyebrow){margin:4px 0!important;line-height:1.6!important} body.eqr19 .listen-launcher :is(.rd19-guide,.eqr18-context){margin-block:8px!important;padding:12px 16px!important} /* Reader page: reclaim space before «اختر السورة». */ body.eqr19 .reader-page-v15 .reader-hero{min-height:0!important;margin-bottom:9px!important} body.eqr19 .reader-page-v15 .rd19-tabs{margin-bottom:8px!important;min-height:0!important} body.eqr19 .reader-page-v15 .eqr18-context{margin:8px 0!important} body.eqr19 .reader-page-v15 #rv16KhatmaPreview{min-height:0!important;margin:7px 0!important;padding:10px 14px!important} body.eqr19 .reader-page-v15 #rv16KhatmaPreview:empty{display:none!important} body.eqr19 .reader-page-v15 #rv16ReaderStatus:empty{display:none!important} body.eqr19 .reader-page-v15 .rd19-reader-columns{margin-top:7px!important;gap:12px!important} body.eqr19 .reader-page-v15 .reader-toolbar{margin-top:0!important;margin-bottom:8px!important} /* Track pages: clear the trailing gap and bring the next action forward. */ body.eqr19 #content.rs-page{min-height:0!important;padding-bottom:5px!important;margin-bottom:0!important} body.eqr19 #content.rs-page>.rs-about:last-child{margin-bottom:0!important;padding-bottom:12px!important} body.eqr19 #content.rs-page>.rs-section:last-child{margin-bottom:0!important} body.eqr19 #footer{margin-top:0!important} body.eqr19 .rs-prev-next{margin:10px 0 12px!important;gap:8px!important} body.eqr19 .rs-prev-next>a,body.eqr19 .rs-prev-next>.rs-nav-empty{position:relative;min-width:0!important;min-height:69px!important;padding:11px 43px 11px 13px!important;display:grid!important;align-content:center!important;gap:3px!important} body.eqr19 .rs-prev-next .rd203-nav-icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:21px;height:21px;stroke:#0d7054;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} body.eqr19 .rs-prev-next .rs-nav-empty .rd203-nav-icon{opacity:.35} body.eqr19 .rs-player .rs-main-controls [data-action="prev"],body.eqr19 .rs-player .rs-main-controls [data-action="next"]{gap:5px!important;flex-direction:column!important} body.eqr19 .rs-player .rs-main-controls .rd203-skip-icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} body.eqr19 .rs-tools{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} body.eqr19 .rs-tools>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:48px!important;text-align:center!important;font-weight:750!important} body.eqr19 .rs-tools>a .rd203-tool-icon{width:18px;height:18px;flex:none;stroke:#0e7052;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} body.eqr19 .rs-section-head a[href*="/surahs/"]{background:#086149!important;color:#fff!important;border:1px solid #086149!important;border-radius:10px!important;min-height:42px!important;padding:9px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1.3!important;text-align:center!important;font-weight:800!important;text-decoration:none!important} body.eqr19 .rs-section-head a[href*="/surahs/"] svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;flex:none} /* Checkbox 75%; share 25% — both visible beside each other. */ body.eqr19 .rs-player .rs-control-grid>.rd203-autorow{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;min-width:0!important;margin:0!important} body.eqr19 .rs-player .rs-control-grid>.rd203-autorow>.rs-check{grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:8px!important;min-height:48px!important;margin:0!important;background:var(--r19-tint)!important;border:1px solid var(--r19-line)!important;border-radius:11px!important;color:var(--r19-ink)!important;white-space:normal!important;font-size:.81rem!important;font-weight:850!important} body.eqr19 .rs-player .rs-control-grid>.rd203-autorow>.rs-check input{flex:none!important;accent-color:#07674b!important} body.eqr19 .rs-player .rd203-share{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #0a604b!important;border-radius:11px!important;background:#086149!important;color:#fff!important;min-width:0!important;min-height:48px!important;padding:7px 8px!important;font-size:.81rem!important;font-weight:850!important;cursor:pointer} body.eqr19 .rs-player .rd203-share svg{flex:none;width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} body.eqr19 .rs-player .rd203-share:hover{background:#064d3c!important} body.eqr19 .rs-player .rd203-share:focus-visible{outline:3px solid #d5a357!important;outline-offset:2px!important} @media(max-width:760px){ body.eqr19 #header.eq-header-compact>.eq-header .eq-header-inner{min-height:56px!important;padding-block:5px!important} body.eqr19.rd17-index .rd20-alphabet{padding:10px!important;gap:6px!important} body.eqr19.rd17-index .rd203-alpha-track{grid-template-columns:33px minmax(0,1fr) 33px!important;gap:5px!important} body.eqr19.rd17-index .rd203-alpha-arrow{width:33px;min-width:33px;height:40px} body.eqr19.rd17-index .rd20-alphabet__buttons button{flex-basis:39px!important} body.eqr19 .listen-launcher .readers-hero{padding:13px 15px!important} body.eqr19 .reader-page-v15 #rv16KhatmaPreview{padding:8px 10px!important} body.eqr19 .rs-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.eqr19 .rs-prev-next>a,body.eqr19 .rs-prev-next>.rs-nav-empty{padding:10px 34px 10px 8px!important} body.eqr19 .rs-player .rd203-share{flex-direction:column!important;gap:2px!important;font-size:.72rem!important} body.eqr19 .rs-player .rs-control-grid>.rd203-autorow>.rs-check{font-size:.74rem!important} } @media(prefers-reduced-motion:reduce){body.eqr19 .rd20-alphabet__buttons button{transition:none!important}} /* V20.3.1 — make both adjacent mobile filter labels align from the same top edge. */ @media(max-width:760px){ body.eqr19 .surah-audio-page .readers-controls{align-items:stretch!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter{align-self:stretch!important;display:grid!important;grid-template-rows:auto 1fr!important;align-content:start!important;margin:0!important} body.eqr19 .surah-audio-page .readers-controls>.readers-filter select{align-self:end!important} } /* ================================================================ READERS V20.4 — reliable catalogue pagination and night contrast Direct cause fixed: the view-specific display:grid!important rules were overriding [hidden] on individual reader cards. Keep display semantics identical in cards and list modes; do not alter SEO HTML. ================================================================ */ body.eqr19.rd17-index #content #rd17-grid > .rd17-reader[hidden], body.eqr19.rd17-index #content #rd17-grid.rd17-list > .rd17-reader[hidden]{ display:none!important; } /* Pleasant readable narration badge regardless of theme. */ body.eqr19.rd17-index #content #rd17-grid .rd17-reader-narr{ color:#15533f!important; border:1px solid #c9dfd2!important; line-height:1.55!important; } body.eqr19.rd17-index #content #rd17-grid.rd17-list .rd17-reader-narr{border:0!important} /* Recently played surahs: distinct, readable action rows from real history. */ body.eqr19 .surah-audio-index .rv16-recent{ margin:14px 0 18px!important; padding:clamp(12px,2vw,20px)!important; border:1px solid var(--r19-line)!important; border-radius:17px!important; background:var(--r19-panel)!important; color:var(--r19-ink)!important; box-shadow:var(--r19-shadow)!important; } body.eqr19 .surah-audio-index .rv16-recent h2{ margin:0 0 12px!important;font-size:clamp(1rem,1.5vw,1.17rem)!important; color:var(--r19-ink)!important; } body.eqr19 .surah-audio-index .rv16-recent #rv16RecentSurahs{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important;min-width:0!important; } body.eqr19 .surah-audio-index #rv16RecentSurahs>a{ display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important; align-items:center!important;gap:10px!important;min-height:70px!important; padding:9px 11px!important;margin:0!important;min-width:0!important; border:1px solid var(--r19-line)!important;border-radius:12px!important; background:var(--r19-tint)!important;color:var(--r19-ink)!important; text-decoration:none!important;text-align:start!important; box-shadow:none!important; } body.eqr19 #rv16RecentSurahs .rv204-recent-num{ width:36px;height:36px;display:grid;place-items:center; background:var(--r19-panel);border:1px solid var(--r19-line);border-radius:10px; font-size:.83rem;font-weight:850;color:var(--r19-green); } body.eqr19 #rv16RecentSurahs .rv204-recent-copy{display:grid;gap:3px;min-width:0} body.eqr19 #rv16RecentSurahs .rv204-recent-copy strong{ font-size:.88rem!important;font-weight:850!important;color:var(--r19-ink)!important; line-height:1.45!important;overflow-wrap:anywhere; } body.eqr19 #rv16RecentSurahs .rv204-recent-copy small{ font-size:.73rem!important;color:var(--r19-muted)!important; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } body.eqr19 #rv16RecentSurahs .rv204-recent-arrow{ display:grid;place-items:center;font-size:1.2rem;font-weight:800;color:var(--r19-green); } body.eqr19 .surah-audio-index #rv16RecentSurahs>a:hover, body.eqr19 .surah-audio-index #rv16RecentSurahs>a:focus-visible{border-color:var(--r19-gold)!important} @media(max-width:990px){ body.eqr19 .surah-audio-index .rv16-recent #rv16RecentSurahs{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ body.eqr19 .surah-audio-index .rv16-recent #rv16RecentSurahs{grid-template-columns:minmax(0,1fr)!important} body.eqr19 .surah-audio-index #rv16RecentSurahs>a{min-height:62px!important} } /* Scope ALL night styles to the readers section, never to header/footer. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19, body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode){ --r19-ink:#eff9f3; --r19-muted:#c6ddcf; --r19-green:#a6e8ce; --r19-panel:#17392f; --r19-bg:#0c2420; --r19-line:#426859; --r19-tint:#24483c; --r19-cream:#efe0bc; --rv15-bg:#0c2420;--rv15-card:#17392f;--rv15-text:#eff9f3; --rv15-muted:#c6ddcf;--rv15-border:#426859;--rv15-soft:#24483c; --rv15-accent:#12614b; --eqr-ink:#eff9f3;--eqr-ink-2:#dbf0e4;--eqr-muted:#c6ddcf; --eqr-surface:#17392f;--eqr-canvas:#0c2420;--eqr-tint:#24483c;--eqr-border:#426859; --r17-bg:#0c2420;--r17-card:#17392f;--r17-ink:#eff9f3;--r17-muted:#c6ddcf; --r17-line:#426859;--r17-soft:#24483c;--r17-accent:#a6e8ce; --rd-ink:#eff9f3;--rd-text:#eff9f3;--rd-muted:#c6ddcf; --rd-paper:#17392f;--rd-paper-soft:#24483c;--rd-line:#426859; color-scheme:dark; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19.rd17-index #content #rd17-grid .rd17-reader-narr, body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode).rd17-index #content #rd17-grid .rd17-reader-narr{ color:#d2f4df!important;background:#275545!important;border-color:#527969!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19.rd17-index #content #rd17-grid.rd17-list .rd17-reader-narr, body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode).rd17-index #content #rd17-grid.rd17-list .rd17-reader-narr{ color:#cce8d8!important;background:transparent!important;border:0!important; } /* Contrast fixes across the other page templates and reusable cards. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.surah-item .rs-landing-link,.rs-player #rsStatus,.eqr18-context__label), body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) :is(.surah-item .rs-landing-link,.rs-player #rsStatus,.eqr18-context__label){ color:#b7f2d7!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.rd19-featured small,.rd19-reader-aside p,.reader-mini-grid small,.rv16-recent small,.rs-progress span,.rs-lead,.readers-intro,.reader-lead,.rs-section p,.reader-toolbar p,.surah-copy p,.readers-tools__head p), body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) :is(.rd19-featured small,.rd19-reader-aside p,.reader-mini-grid small,.rv16-recent small,.rs-progress span,.rs-section p,.reader-toolbar p,.surah-copy p,.readers-tools__head p){ color:var(--r19-muted)!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.reader-toolbar,.surah-list-section,.readers-tools,.readers-list-section,.reader-related,.rv16-recent,.rv16-explore,.rs-section,.rs-player,.rs-tools,.dash-panel,.dash-grid>article,.surah-link-grid,.rd17-reader,.rd17-catalog,.rd17-favorites,.rd17-resume) :is(h2,h3,h4,strong), body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) :is(.reader-toolbar,.surah-list-section,.readers-tools,.readers-list-section,.reader-related,.rv16-recent,.rv16-explore,.rs-section,.rs-player,.rs-tools,.dash-panel,.dash-grid>article,.surah-link-grid,.rd17-reader,.rd17-catalog,.rd17-favorites,.rd17-resume) :is(h2,h3,h4,strong){ color:var(--r19-ink)!important; } /* Avoid overriding text placed on deliberately light or green buttons. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.surah-item .surah-number,.surah-audio-index .surah-link-grid li a span){ background:#e9d5a8!important;color:#503813!important;border-color:#e9d5a8!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 .rd19-recommendations a::before{ background:#285643!important;color:#b7f2d7!important;border-color:#639d85!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.rd17-fav,.reader-fav-btn,.rv16-action-menu>button){ background:var(--r19-tint)!important;color:var(--r19-ink)!important;border-color:var(--r19-line)!important; } /* Keep active navigation and active view visually distinct on night. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 :is(.rd17-view-toggle button[aria-pressed="true"],.view-switch button[aria-pressed="true"]){ background:#bfe8d3!important;color:#15372b!important;border-color:#bfe8d3!important; } /* Linked suggestions inherited a light background from V18: restore dark contrast. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19 .rv16-explore a, body.eqr19:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) .rv16-explore a{ background:var(--r19-tint)!important;color:var(--r19-ink)!important;border-color:var(--r19-line)!important; } /* Readers V20.5 — breadcrumb OUTSIDE the hero in rendered HTML. Keep it as a separate full-width navigation row before the hero on every screen. Per-track pages already have their breadcrumb outside the hero. */ body.eqr19 #content .eqr205-breadcrumb { display:flex!important; align-items:center!important; flex-wrap:wrap!important; column-gap:9px!important; row-gap:5px!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:42px; margin:0 0 12px!important; padding:9px 15px!important; position:relative!important; inset:auto!important; background:var(--r19-panel)!important; border:1px solid var(--r19-line)!important; border-radius:12px!important; box-shadow:none!important; color:var(--r19-muted)!important; font-size:.82rem!important; line-height:1.6!important; direction:rtl; text-align:right; box-sizing:border-box!important; isolation:isolate; } body.eqr19 #content .eqr205-breadcrumb > a { color:var(--r19-ink)!important; font-weight:700!important; text-decoration:none!important; overflow-wrap:anywhere; } body.eqr19 #content .eqr205-breadcrumb > a:hover { color:var(--r19-green)!important; text-decoration:underline!important; } body.eqr19 #content .eqr205-breadcrumb > :is(span,[aria-current="page"]) { color:var(--r19-muted)!important; } body.eqr19 #content .eqr205-breadcrumb > [aria-current="page"] { color:var(--r19-ink)!important; font-weight:800!important; } :is(html[data-theme="dark"] body.eqr19,html.dark body.eqr19,html.night body.eqr19,body.eqr19[data-theme="dark"]) #content .eqr205-breadcrumb > a:hover { color:#f1d99d!important; } body.eqr19 #content .eqr205-breadcrumb + :is(.reader-hero,.readers-hero,.rd17-hero) { margin-top:0!important; } @media(max-width:480px){ body.eqr19 #content .eqr205-breadcrumb { font-size:.75rem!important; padding:8px 10px!important; gap:5px 7px!important; margin-bottom:9px!important; } } /* Readers V20.6 — MP3 download CTA, explicit night-theme contrast. Only the individual-surah download button is targeted. No HTML, JS or global header/footer colors are changed. */ :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19.reader-surah-page #content a.rs-btn.rs-download, body.eqr19.reader-surah-page:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) #content a.rs-btn.rs-download{ background:#f0d393!important; color:#17362a!important; border:1px solid #d8b36d!important; text-decoration:none!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19.reader-surah-page #content a.rs-btn.rs-download:is(:hover,:active), body.eqr19.reader-surah-page:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) #content a.rs-btn.rs-download:is(:hover,:active){ background:#ffe4ab!important; color:#17362a!important; border-color:#e0b86e!important; } :is(html[data-theme="dark"],html[data-theme="night"],html[data-readers-theme="dark"],html.dark,html.night,html.dark-mode,html.night-mode) body.eqr19.reader-surah-page #content a.rs-btn.rs-download:focus-visible, body.eqr19.reader-surah-page:is([data-theme="dark"],[data-theme="night"],.dark,.night,.dark-mode,.night-mode) #content a.rs-btn.rs-download:focus-visible{ outline:3px solid #a7e6ce!important; outline-offset:3px!important; } /* Readers V20.7 — compact, unboxed navigation; source-order and links unchanged. The breadcrumb is a plain location trail, never a second card/hero. */ body.eqr19 #content .eqr18-nav { margin:0 0 6px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; min-height:0!important; gap:7px!important; } body.eqr19 #content .eqr18-nav__item { min-height:42px!important; padding:6px 10px!important; } body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:7px!important; width:100%!important; max-width:100%!important; min-height:0!important; height:auto!important; margin:0 0 7px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:.78rem!important; line-height:1.5!important; color:var(--r19-muted)!important; white-space:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; overscroll-behavior-x:contain; scrollbar-width:none; isolation:auto!important; } body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb)::-webkit-scrollbar {display:none} body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) > * {flex-shrink:0!important} body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) > a { color:var(--r19-ink)!important; text-decoration:none!important; } body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) > a:hover {text-decoration:underline!important} body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) > [aria-current="page"] { color:var(--r19-ink)!important; font-weight:750!important; } /* Keep the by-surah reader search functional but reduce its vertical footprint. */ body.eqr19 .surah-audio-page .readers-tools { padding:11px 13px!important; margin:8px 0 10px!important; border-radius:14px!important; box-shadow:none!important; } body.eqr19 .surah-audio-page .readers-tools__head { margin:0 0 7px!important; padding:0!important; min-height:0!important; gap:5px 10px!important; align-items:center!important; } body.eqr19 .surah-audio-page .readers-tools__head h2 { margin:0!important; font-size:1rem!important; line-height:1.4!important; } body.eqr19 .surah-audio-page .readers-tools__head p { margin:0!important; min-width:0!important; font-size:.76rem!important; line-height:1.4!important; } body.eqr19 .surah-audio-page .readers-controls {gap:7px 9px!important} body.eqr19 .surah-audio-page .readers-controls > label { gap:3px!important; margin:0!important; line-height:1.35!important; font-size:.76rem!important; } body.eqr19 .surah-audio-page .readers-controls :is(input,select) { min-height:42px!important; padding:6px 9px!important; } body.eqr19 .surah-audio-page .rv16-filter-footer { margin-top:7px!important; gap:7px!important; } body.eqr19 .surah-audio-page .view-switch { padding:2px!important; gap:3px!important; } body.eqr19 .surah-audio-page .view-switch button {min-height:40px!important} @media(max-width:760px){ body.eqr19 #content .eqr18-nav {margin-bottom:5px!important;gap:4px!important} body.eqr19 #content .eqr18-nav__item { min-height:44px!important; padding:5px 3px!important; } body.eqr19 #content :is(.eqr205-breadcrumb,.rs-breadcrumb) { margin-bottom:6px!important; font-size:.73rem!important; gap:6px!important; } body.eqr19 .surah-audio-page .readers-tools {padding:9px 10px!important;margin:7px 0 9px!important} body.eqr19 .surah-audio-page .readers-tools__head {margin-bottom:6px!important} body.eqr19 .surah-audio-page .rv16-filter-footer {margin-top:6px!important} }