/* e-quran Reader × Surah landing pages V1 — isolated styles */
.reader-surah-page{--rs-bg:#f7f6f1;--rs-card:#fff;--rs-text:#17231f;--rs-muted:#64726d;--rs-line:#dde3df;--rs-green:#174d40;--rs-green-2:#216756;--rs-gold:#a87924;--rs-soft:#edf4f0;background:var(--rs-bg);color:var(--rs-text)}
html[data-theme="dark"] .reader-surah-page{--rs-bg:#0d1512;--rs-card:#121d19;--rs-text:#edf3ef;--rs-muted:#a8b8b0;--rs-line:#293a32;--rs-green:#2f8a70;--rs-green-2:#3ca084;--rs-gold:#d1a64f;--rs-soft:#172720;color-scheme:dark}.reader-surah-page *{box-sizing:border-box}.rs-page{width:min(1120px,calc(100% - 28px));margin-inline:auto;padding:16px 0 96px}.rs-breadcrumb{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:.84rem;margin-bottom:12px}.rs-breadcrumb a{color:inherit;text-decoration:none}.rs-hero{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:center;padding:20px;border:1px solid var(--rs-line);border-radius:22px;background:linear-gradient(135deg,var(--rs-soft),var(--rs-card));margin-bottom:16px}.rs-avatar-wrap{position:relative;margin:0}.rs-avatar{display:block;width:128px;height:128px;border-radius:22px;object-fit:cover;border:1px solid var(--rs-line);background:var(--rs-soft)}.rs-image-note{display:block;margin-top:5px;text-align:center;font-size:.7rem;color:var(--rs-muted)}.rs-eyebrow{margin:0 0 5px;color:var(--rs-gold);font-weight:800;font-size:.78rem}.rs-hero h1{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.45}.rs-lead{margin:9px 0 0;color:var(--rs-muted);line-height:1.8;max-width:75ch}.rs-chips,.rs-hero-actions,.rs-download-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rs-chips{margin-top:10px}.rs-chips span{padding:5px 9px;border:1px solid var(--rs-line);background:var(--rs-card);border-radius:999px;font-size:.78rem}.rs-hero-actions{margin-top:14px}.rs-btn,.rs-player button,.rs-player select,.rs-player input,.rs-reader-select select,.rs-surah-search input{font:inherit}.rs-btn,.rs-player button{min-height:42px;padding:8px 13px;border:1px solid var(--rs-line);border-radius:11px;background:var(--rs-card);color:var(--rs-text);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rs-primary,.rs-play{background:var(--rs-green)!important;color:#fff!important;border-color:transparent!important;font-weight:800}.rs-player,.rs-section,.rs-about{border:1px solid var(--rs-line);border-radius:18px;background:var(--rs-card);padding:16px;margin-top:14px}.rs-player-head,.rs-section-head{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}.rs-player-head h2,.rs-section h2{margin:0;font-size:1.15rem}.rs-player-head>span{color:var(--rs-muted);font-size:.82rem}.rs-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin:14px 0}.rs-progress input{width:100%;accent-color:var(--rs-gold)}.rs-main-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.rs-control-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.rs-control-grid label{display:grid;gap:5px;font-size:.78rem;font-weight:700}.rs-control-grid select,.rs-control-grid input[type="range"],.rs-reader-select select,.rs-surah-search input{width:100%;min-height:42px;border:1px solid var(--rs-line);border-radius:10px;background:var(--rs-bg);color:var(--rs-text);padding:7px 9px}.rs-control-grid .rs-check{display:flex;align-items:center;gap:7px;border:1px solid var(--rs-line);border-radius:10px;padding:8px;background:var(--rs-bg)}.rs-control-grid .rs-check input{width:auto;min-height:0}.rs-more{margin-top:12px;border-top:1px solid var(--rs-line);padding-top:10px}.rs-more summary{cursor:pointer;font-weight:800}.rs-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.rs-note{color:var(--rs-muted);font-size:.8rem}.rs-download-row{margin-top:12px}.rs-download{border-color:color-mix(in srgb,var(--rs-gold) 55%,var(--rs-line));font-weight:800}.rs-noscript audio{width:100%}.rs-countdown{margin-top:10px;padding:9px;border:1px solid var(--rs-gold);border-radius:10px;background:var(--rs-soft);display:flex;justify-content:space-between;align-items:center;gap:8px}.rs-tools,.rs-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.rs-tools a,.rs-mini-grid a{padding:12px;border:1px solid var(--rs-line);border-radius:12px;text-decoration:none;color:inherit;background:var(--rs-bg);display:grid;gap:3px}.rs-mini-grid small{color:var(--rs-muted)}.rs-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.rs-prev-next a,.rs-nav-empty{padding:13px;border:1px solid var(--rs-line);border-radius:14px;background:var(--rs-card);color:inherit;text-decoration:none;display:grid;gap:4px}.rs-prev-next small{color:var(--rs-muted)}.rs-reader-select,.rs-surah-search{display:grid;gap:6px;margin-top:12px;font-size:.82rem;font-weight:700}.rs-surah-list{padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.rs-surah-link{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--rs-line);border-radius:10px;background:var(--rs-bg);color:inherit;text-decoration:none;font-size:.86rem}.rs-surah-link>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rs-soft);font-size:.72rem;font-weight:800}.rs-surah-link small{margin-inline-start:auto;color:var(--rs-gold);font-size:.66rem}.rs-surah-link.is-current{border-color:var(--rs-gold);box-shadow:inset 0 0 0 1px var(--rs-gold)}.rs-about p{line-height:1.9;color:var(--rs-muted);margin-bottom:0}.reader-surah-page.rs-focus #header,.reader-surah-page.rs-focus #footer,.reader-surah-page.rs-focus .rs-section,.reader-surah-page.rs-focus .rs-prev-next,.reader-surah-page.rs-focus .rs-breadcrumb{display:none!important}.reader-surah-page.rs-focus .rs-page{max-width:820px}.reader-surah-page.rs-focus .rs-player{margin-top:0}html:fullscreen .reader-surah-page #header,html:fullscreen .reader-surah-page #footer{display:none!important}
/* Minimal additions to legacy reader + surah hub pages. */
.rs-old-reader-avatar{margin:0 0 6px;display:flex;align-items:center;gap:8px;grid-column:1/-1}.rs-old-reader-avatar img{width:58px;height:58px;border-radius:14px;object-fit:cover;border:1px solid var(--rv15-border,#d9e1dc);background:#edf4f0}.rs-old-reader-avatar figcaption{font-size:.7rem;color:var(--rv15-muted,#68756f)}.rs-landing-link{display:inline-flex!important;margin-top:5px;font-size:.73rem!important;color:var(--rv15-gold,#9b762d)!important;text-decoration:none!important;white-space:normal!important}.rs-static-wrap{display:block;margin-top:3px}.rs-static-link{font-size:.7rem!important;color:var(--rv15-gold,#9b762d)!important;text-decoration:none!important}.rs-extra-landings{margin-top:12px;padding:10px;border:1px solid var(--rs-line,#dde3df);border-radius:12px;background:var(--rs-card,#fff)}.rs-extra-landings h3{margin:0 0 8px;font-size:.85rem}.rs-extra-landings>div{display:flex;gap:6px;flex-wrap:wrap}.rs-extra-link{display:grid;gap:1px;padding:6px 9px;border:1px solid var(--rs-line,#dde3df);border-radius:9px;color:inherit!important;text-decoration:none!important;font-size:.72rem}.rs-extra-link small{opacity:.72;font-size:.64rem}
@media(max-width:820px){.rs-hero{grid-template-columns:92px minmax(0,1fr);padding:14px;gap:13px}.rs-avatar{width:92px;height:92px;border-radius:18px}.rs-control-grid{grid-template-columns:1fr 1fr}.rs-tool-grid,.rs-tools,.rs-mini-grid{grid-template-columns:1fr 1fr}.rs-surah-list{grid-template-columns:1fr 1fr}.rs-player-head,.rs-section-head{align-items:flex-start}.rs-main-controls{grid-template-columns:1fr 1fr 1.1fr 1fr 1fr}}
@media(max-width:520px){.rs-page{width:min(100% - 18px,1120px);padding-top:8px}.rs-hero{grid-template-columns:70px minmax(0,1fr);padding:12px;border-radius:16px}.rs-avatar{width:70px;height:70px;border-radius:14px}.rs-image-note{font-size:.58rem}.rs-hero h1{font-size:1.15rem}.rs-lead{font-size:.82rem;line-height:1.55}.rs-chips span{font-size:.68rem}.rs-hero-actions .rs-btn{flex:1 1 120px;min-height:39px;font-size:.78rem}.rs-player,.rs-section,.rs-about{padding:12px;border-radius:15px}.rs-player-head{display:grid}.rs-main-controls{gap:5px}.rs-main-controls button{padding:6px 3px;font-size:.7rem;min-height:42px}.rs-control-grid{gap:7px}.rs-tool-grid{grid-template-columns:1fr 1fr}.rs-tool-grid button{font-size:.74rem;padding:6px}.rs-tools,.rs-mini-grid,.rs-surah-list{grid-template-columns:1fr 1fr;gap:6px}.rs-tools a,.rs-mini-grid a,.rs-surah-link{font-size:.74rem;padding:8px}.rs-prev-next{grid-template-columns:1fr}.rs-old-reader-avatar{display:none}.rs-landing-link{font-size:.68rem!important}}

/* =========================================================
   V1.2 — CENTERED LAYOUT + PREMIUM ACTION/CARD EMPHASIS
   CSS-only patch. No HTML/JS/runtime behavior changes.
   ========================================================= */

/* Some legacy global rules target #content with stronger specificity.
   Force Reader × Surah pages back into the centered V15/V16 layout. */
.reader-surah-page #content.rs-page{
  float:none!important;
  clear:both!important;
  position:relative!important;
  inset:auto!important;
  width:min(1120px,calc(100% - 28px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Main cards: clearer hierarchy without adding assets or JS. */
.reader-surah-page .rs-hero,
.reader-surah-page .rs-player,
.reader-surah-page .rs-section,
.reader-surah-page .rs-about{
  border-color:color-mix(in srgb,var(--rs-green) 18%,var(--rs-line))!important;
  box-shadow:0 7px 22px rgba(23,77,64,.07);
}
.reader-surah-page .rs-hero{
  border-color:color-mix(in srgb,var(--rs-gold) 34%,var(--rs-line))!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--rs-soft) 88%,var(--rs-gold) 12%),var(--rs-card))!important;
}
.reader-surah-page .rs-player{
  border-top:3px solid color-mix(in srgb,var(--rs-green) 78%,var(--rs-gold))!important;
}
.reader-surah-page .rs-section{
  border-top:2px solid color-mix(in srgb,var(--rs-gold) 52%,var(--rs-line))!important;
}

/* Primary actions: clear premium green → gold identity. */
.reader-surah-page .rs-btn,
.reader-surah-page .rs-player button{
  font-weight:750;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.reader-surah-page .rs-primary,
.reader-surah-page .rs-play{
  background:linear-gradient(135deg,var(--rs-green),color-mix(in srgb,var(--rs-green-2) 78%,var(--rs-gold)))!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--rs-gold) 42%,var(--rs-green))!important;
  box-shadow:0 6px 16px rgba(23,77,64,.18);
}
.reader-surah-page .rs-hero-actions .rs-btn:not(.rs-primary),
.reader-surah-page .rs-main-controls button:not(.rs-play),
.reader-surah-page .rs-tool-grid button{
  background:color-mix(in srgb,var(--rs-card) 88%,var(--rs-soft))!important;
  border-color:color-mix(in srgb,var(--rs-green) 24%,var(--rs-line))!important;
}
.reader-surah-page .rs-download{
  color:color-mix(in srgb,var(--rs-gold) 82%,var(--rs-text))!important;
  background:color-mix(in srgb,var(--rs-card) 87%,var(--rs-gold) 13%)!important;
  border-color:color-mix(in srgb,var(--rs-gold) 70%,var(--rs-line))!important;
  box-shadow:0 4px 12px rgba(168,121,36,.10);
}
.reader-surah-page .rs-section-head>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--rs-gold) 48%,var(--rs-line));
  border-radius:10px;
  background:color-mix(in srgb,var(--rs-card) 90%,var(--rs-gold) 10%);
  color:var(--rs-text);
  text-decoration:none;
  font-weight:800;
}

/* Important navigation/tool cards. */
.reader-surah-page .rs-tools a,
.reader-surah-page .rs-mini-grid a,
.reader-surah-page .rs-prev-next a,
.reader-surah-page .rs-surah-link{
  border-color:color-mix(in srgb,var(--rs-green) 20%,var(--rs-line))!important;
  background:color-mix(in srgb,var(--rs-bg) 76%,var(--rs-card))!important;
  box-shadow:0 2px 8px rgba(23,77,64,.035);
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.reader-surah-page .rs-tools a{
  border-inline-start:3px solid color-mix(in srgb,var(--rs-green) 72%,var(--rs-gold))!important;
}
.reader-surah-page .rs-mini-grid a{
  border-inline-start:3px solid color-mix(in srgb,var(--rs-gold) 72%,var(--rs-green))!important;
}
.reader-surah-page .rs-prev-next a{
  border-color:color-mix(in srgb,var(--rs-gold) 38%,var(--rs-line))!important;
}
.reader-surah-page .rs-surah-link.is-current{
  color:var(--rs-text)!important;
  border-color:var(--rs-gold)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rs-soft) 82%,var(--rs-gold) 18%),var(--rs-card))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rs-gold) 72%,transparent),0 4px 12px rgba(168,121,36,.10)!important;
  font-weight:850;
}

/* Inputs/selects should look part of the same premium control system. */
.reader-surah-page .rs-control-grid select,
.reader-surah-page .rs-control-grid input[type="range"],
.reader-surah-page .rs-reader-select select,
.reader-surah-page .rs-surah-search input,
.reader-surah-page .rs-control-grid .rs-check{
  border-color:color-mix(in srgb,var(--rs-green) 22%,var(--rs-line))!important;
}
.reader-surah-page .rs-surah-search input:focus,
.reader-surah-page .rs-reader-select select:focus,
.reader-surah-page .rs-control-grid select:focus{
  outline:2px solid color-mix(in srgb,var(--rs-gold) 55%,transparent);
  outline-offset:2px;
  border-color:var(--rs-gold)!important;
}

/* Desktop hover feedback only; no layout jump on touch devices. */
@media (hover:hover) and (pointer:fine){
  .reader-surah-page .rs-btn:hover,
  .reader-surah-page .rs-player button:hover,
  .reader-surah-page .rs-section-head>a:hover,
  .reader-surah-page .rs-tools a:hover,
  .reader-surah-page .rs-mini-grid a:hover,
  .reader-surah-page .rs-prev-next a:hover,
  .reader-surah-page .rs-surah-link:hover{
    border-color:color-mix(in srgb,var(--rs-gold) 58%,var(--rs-green))!important;
    box-shadow:0 7px 18px rgba(23,77,64,.10);
  }
  .reader-surah-page .rs-primary:hover,
  .reader-surah-page .rs-play:hover{
    box-shadow:0 8px 20px rgba(23,77,64,.24);
  }
}

/* Dark mode: preserve contrast and avoid white-on-white/washed controls. */
html[data-theme="dark"] .reader-surah-page .rs-hero,
html[data-theme="dark"] .reader-surah-page .rs-player,
html[data-theme="dark"] .reader-surah-page .rs-section,
html[data-theme="dark"] .reader-surah-page .rs-about{
  box-shadow:0 7px 22px rgba(0,0,0,.20);
}
html[data-theme="dark"] .reader-surah-page .rs-download{
  color:#f2d68d!important;
}
html[data-theme="dark"] .reader-surah-page .rs-section-head>a,
html[data-theme="dark"] .reader-surah-page .rs-hero-actions .rs-btn:not(.rs-primary),
html[data-theme="dark"] .reader-surah-page .rs-main-controls button:not(.rs-play),
html[data-theme="dark"] .reader-surah-page .rs-tool-grid button{
  color:var(--rs-text)!important;
}

@media(max-width:520px){
  .reader-surah-page #content.rs-page{
    width:min(100% - 18px,1120px)!important;
  }
  .reader-surah-page .rs-hero,
  .reader-surah-page .rs-player,
  .reader-surah-page .rs-section,
  .reader-surah-page .rs-about{
    box-shadow:0 4px 14px rgba(23,77,64,.055);
  }
}

@media(prefers-reduced-motion:reduce){
  .reader-surah-page .rs-btn,
  .reader-surah-page .rs-player button,
  .reader-surah-page .rs-tools a,
  .reader-surah-page .rs-mini-grid a,
  .reader-surah-page .rs-prev-next a,
  .reader-surah-page .rs-surah-link{
    transition:none!important;
  }
}

/* ==========================================================
   V1.3 — Advanced listening tools disclosure
   Makes the native <details> unmistakably expandable without JS.
   ========================================================== */
.reader-surah-page .rs-more{
  margin-top:14px!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--rs-gold) 48%,var(--rs-line))!important;
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rs-card) 90%,var(--rs-gold) 10%),color-mix(in srgb,var(--rs-card) 94%,var(--rs-green) 6%));
  overflow:hidden;
}
.reader-surah-page .rs-more summary{
  list-style:none;
  cursor:pointer;
  min-height:52px;
  padding:11px 14px;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--rs-text);
  font-weight:900;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.reader-surah-page .rs-more summary::-webkit-details-marker{display:none}
.reader-surah-page .rs-more summary::before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-inline-end:2px solid var(--rs-gold);
  border-bottom:2px solid var(--rs-gold);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.reader-surah-page .rs-more summary::after{
  content:"اضغط للفتح";
  margin-inline-start:auto;
  padding:4px 8px;
  border:1px solid color-mix(in srgb,var(--rs-gold) 48%,var(--rs-line));
  border-radius:999px;
  background:color-mix(in srgb,var(--rs-card) 82%,var(--rs-gold) 18%);
  color:color-mix(in srgb,var(--rs-gold) 82%,var(--rs-text));
  font-size:.69rem;
  font-weight:850;
  white-space:nowrap;
}
.reader-surah-page .rs-more[open]{
  border-color:color-mix(in srgb,var(--rs-green) 55%,var(--rs-gold))!important;
  box-shadow:0 8px 20px rgba(23,77,64,.10);
}
.reader-surah-page .rs-more[open] summary{
  border-bottom:1px solid color-mix(in srgb,var(--rs-gold) 30%,var(--rs-line));
  background:color-mix(in srgb,var(--rs-soft) 84%,var(--rs-gold) 16%);
}
.reader-surah-page .rs-more[open] summary::before{
  transform:rotate(225deg) translate(-1px,-1px);
}
.reader-surah-page .rs-more[open] summary::after{
  content:"اضغط للإغلاق";
  color:var(--rs-green);
  border-color:color-mix(in srgb,var(--rs-green) 48%,var(--rs-line));
  background:color-mix(in srgb,var(--rs-card) 84%,var(--rs-green) 16%);
}
.reader-surah-page .rs-more .rs-tool-grid,
.reader-surah-page .rs-more .rs-note{
  margin-inline:12px;
}
.reader-surah-page .rs-more .rs-note{margin-bottom:12px}
.reader-surah-page .rs-more summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--rs-gold) 55%,transparent);
  outline-offset:-3px;
}
@media (hover:hover) and (pointer:fine){
  .reader-surah-page .rs-more summary:hover{
    background:color-mix(in srgb,var(--rs-soft) 84%,var(--rs-gold) 16%);
  }
}
html[data-theme="dark"] .reader-surah-page .rs-more{
  background:linear-gradient(135deg,color-mix(in srgb,var(--rs-card) 90%,var(--rs-gold) 10%),color-mix(in srgb,var(--rs-card) 94%,var(--rs-green) 6%));
  box-shadow:0 6px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .reader-surah-page .rs-more summary::after{
  color:#f1d486;
}
html[data-theme="dark"] .reader-surah-page .rs-more[open] summary::after{
  color:#9de0ca;
}
@media(max-width:520px){
  .reader-surah-page .rs-more summary{
    min-height:48px;
    padding:10px 11px;
    font-size:.82rem;
  }
  .reader-surah-page .rs-more summary::after{
    content:"فتح القائمة";
    font-size:.62rem;
    padding:3px 6px;
  }
  .reader-surah-page .rs-more[open] summary::after{content:"إغلاق القائمة"}
}
@media(prefers-reduced-motion:reduce){
  .reader-surah-page .rs-more summary::before{transition:none}
}