:root{--green:#168762;--gold:#c99b3c;--ink:#191713}
*{box-sizing:border-box}html{background:#f7f4ea;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7f4ea;font-family:Arial,Tahoma,sans-serif}a{color:inherit}
.surah-shell{width:min(1100px,100%);margin:auto;padding:22px 18px 50px}.surah-toolbar{max-width:940px;margin:0 auto 8px;display:flex;justify-content:space-between;align-items:center;gap:14px}.lang-switch{display:flex;gap:8px;direction:ltr}.lang-link,.back-home{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(201,155,60,.35);background:rgba(255,255,255,.82);border-radius:999px}.lang-link{min-width:48px;padding:0 14px}.lang-link.active{background:var(--green);border-color:var(--green);color:#fff}.back-home{padding:0 18px;gap:7px;color:#5e451d}.back-home span{font-size:24px}
/* v49: exact user artwork as separate responsive top/bottom images. Natural document flow keeps the bottom ornament below all Surah content, regardless of content length. */
.illuminated-page{position:relative;max-width:940px;margin:auto;background:#fbfaf4;overflow:visible}
.surah-crown{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none}
.surah-crown-top{margin:0 0 -1px}
.surah-crown-bottom{margin:18px 0 0}
.surah-title-panel,.content-panel,.surah-nav{margin-left:34px;margin-right:34px}
.surah-title-panel{position:relative;margin:0;min-height:184px;display:grid;grid-template-columns:175px 1fr 175px;align-items:center;border:2px solid #8f681e;background:rgba(255,253,245,.94);box-shadow:inset 0 0 0 5px rgba(230,200,122,.22)}.surah-title-panel:before,.surah-title-panel:after{content:'✥';position:absolute;top:50%;transform:translateY(-50%);font-size:28px;color:#c89b3c}.surah-title-panel:before{left:205px}.surah-title-panel:after{right:205px}.title-center{text-align:center;padding:18px 8px}.surah-arabic{margin:0;font-family:'UthmanicHafs','Traditional Arabic','Noto Naskh Arabic',serif;font-size:clamp(44px,6vw,70px);line-height:1.15;font-weight:400;direction:rtl}.surah-local-name{margin:7px 0 0;font-size:clamp(21px,2.4vw,29px);font-weight:600}.title-side{display:flex;justify-content:center}.mini-frame{width:120px;min-height:126px;padding:14px 9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fffaf0;border:2px solid #d4a547;outline:1px solid #e7c775;outline-offset:-8px;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.mini-frame strong{font-size:21px}.mini-frame b{font-size:25px;font-weight:500}.mini-frame small{font-size:12px;line-height:1.45;margin:3px 0}
.content-panel{position:relative;margin-top:18px;padding:16px 18px 26px;border:1.5px solid #e0bf70;border-radius:18px;background:rgba(255,253,247,.90)}.quran-rehal{display:block;width:min(390px,58%);height:auto;margin:0 auto -2px}.content-status{position:relative;max-width:760px;margin:0 auto;padding:25px 42px 29px;border:1px solid rgba(201,155,60,.42);border-radius:18px;background:rgba(255,251,241,.72);text-align:center;font-size:clamp(16px,1.85vw,20px);line-height:1.95}.content-status:before,.content-status:after{content:'✥';position:absolute;left:50%;transform:translateX(-50%);color:#bd8d2d;background:#fffaf0;padding:0 8px}.content-status:before{top:-14px}.content-status:after{bottom:-14px}.content-status p{margin:0}html[dir=rtl] .content-status{font-family:Tahoma,'Segoe UI',Arial,sans-serif}
.surah-nav{position:relative;margin-top:25px;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;direction:ltr}.surah-nav a{height:78px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;border:1px solid rgba(201,155,60,.46);border-radius:20px;background:rgba(255,253,247,.96)}.surah-nav small,.surah-nav strong{display:block;text-align:center}.surah-nav small{font-size:12px;margin-bottom:4px}.surah-nav strong{font-size:15px}.nav-arrow{font-size:40px;line-height:.8;color:#0f7d5c}.nav-home a{justify-content:center;background:linear-gradient(#fff6d8,#f8e3a9);border-color:#c99b3c;color:#5e451d;font-weight:700}.home-icon{font-size:27px}
#backToTop{position:fixed;z-index:9999;bottom:24px;width:54px;height:54px;border-radius:50%;border:2px solid #fff;background:#168762;color:#fff;font:700 29px/1 Arial,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer;opacity:0;pointer-events:none;transition:.2s ease}#backToTop.visible{opacity:1;pointer-events:auto}#backToTop:hover{transform:translateY(-2px)}
@media(max-width:760px){.surah-shell{padding:12px 6px 34px}.surah-toolbar{padding:0 3px;gap:6px}.lang-switch{gap:4px}.lang-link{min-width:40px;padding:0 9px}.back-home{padding:0 10px;font-size:12px}.illuminated-page{min-height:calc((100vw - 12px)*1.5);padding:34vw 5vw 25vw}.surah-title-panel{grid-template-columns:100px 1fr 100px;min-height:148px}.surah-title-panel:before,.surah-title-panel:after{display:none}.mini-frame{width:88px;min-height:104px;padding:10px 5px}.mini-frame strong{font-size:15px}.mini-frame b{font-size:19px}.mini-frame small{font-size:9px}.surah-arabic{font-size:clamp(32px,8.5vw,46px)}.surah-local-name{font-size:18px}.content-panel{margin-top:13px;padding:10px 8px 18px}.quran-rehal{width:min(360px,78%)}.content-status{padding:21px 14px;font-size:15px;line-height:1.85}.surah-nav{grid-template-columns:1fr;gap:8px;margin-top:18px}.surah-nav a{height:64px}}
@media(max-width:430px){.back-home span{font-size:19px}.surah-title-panel{grid-template-columns:78px 1fr 78px}.mini-frame{width:70px;min-height:90px}.mini-frame strong{font-size:13px}.mini-frame b{font-size:17px}.mini-frame small{font-size:8px}.title-center{padding:13px 3px}.surah-arabic{font-size:30px}.surah-local-name{font-size:16px}.illuminated-page{padding-top:33vw;padding-left:4vw;padding-right:4vw;padding-bottom:24vw}#backToTop{bottom:14px;width:48px;height:48px}}

/* v49 responsive overrides */
@media(max-width:760px){
 .illuminated-page{min-height:0!important;padding:0!important;background:none!important}
 .surah-title-panel,.content-panel,.surah-nav{margin-left:10px;margin-right:10px}
 .surah-crown-bottom{margin-top:12px}
}
@media(min-width:761px){.illuminated-page{min-height:0!important;padding:0!important;background:none!important}}


/* v50 — same 1600px large-screen width as homepage, unified paper, readable UI */
:root{--surah-page-max:1600px;--surah-paper:#fffdf7}
html,body{background:var(--surah-paper)}
body{font-family:"Segoe UI",Arial,sans-serif;line-height:1.7}
html[lang="fa"] body{font-family:Vazirmatn,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-feature-settings:"ss01"}
html[lang="de"] body,html[lang="en"] body{font-family:"Segoe UI",Roboto,Arial,sans-serif}
.surah-shell{width:min(100%,var(--surah-page-max));max-width:var(--surah-page-max);padding:22px 28px 50px}
.surah-toolbar,.illuminated-page{width:100%;max-width:none}
.illuminated-page,.surah-title-panel,.content-panel,.surah-nav,.mini-frame,.content-status{background-color:var(--surah-paper)}
.surah-crown{background:var(--surah-paper)}
.surah-title-panel,.content-panel,.surah-nav{margin-inline:0}
.lang-link,.back-home{font-size:16px}
.surah-local-name{font-weight:650}
.mini-frame strong{font-size:23px}.mini-frame small{font-size:14px}.mini-frame b{font-size:27px}
.content-status{font-size:clamp(18px,1.35vw,22px);line-height:2}
.surah-nav a{min-height:88px;height:auto;padding:13px 20px}
.surah-nav small{font-size:15px;line-height:1.45;margin-bottom:5px}
.surah-nav strong{font-size:18px;line-height:1.55;font-weight:650}
.nav-home a{font-size:17px}
#backToTop{width:auto;height:auto;min-height:44px;padding:10px 14px;display:flex;align-items:center;gap:7px;border:1px solid rgba(199,168,79,.72);border-radius:999px;background:#0b5d43;color:#fff;font:700 14px/1 "Segoe UI",Arial,Tahoma,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.18)}
#backToTop .arrow{font-size:20px;line-height:1}#backToTop .top-text{display:inline}
@media(max-width:1660px){.surah-shell{width:100%;padding-inline:18px}}
@media(max-width:760px){.surah-shell{padding:12px 8px 34px}.surah-nav small{font-size:14px}.surah-nav strong{font-size:17px}.content-status{font-size:16px}}
@media(max-width:620px){#backToTop{bottom:14px;padding:10px 12px}#backToTop .top-text{display:none}}

/* v53: exact footer styling copied from the homepage stylesheet */
.site-footer{margin-top:42px}
.footer-inner{text-align:center;padding:26px 18px 30px}
.footer-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 18px;font-size:.92rem;line-height:1.6}
.footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}
.footer-legal a{text-decoration:underline;text-underline-offset:3px}
.footer-bank{flex-direction:column;gap:2px}
.footer-bank{
  opacity:.58!important;
  filter:grayscale(.25)!important;
}
.repair-legal{
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.repair-legal a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:145px!important;
  padding:9px 15px!important;
  border:1px solid rgba(11,93,67,.28)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--green)!important;
  text-decoration:none!important;
  font-weight:700!important;
}
.repair-legal a:hover{
  background:#f3f8f5!important;
}
/* v53 structural guarantees for the Surah footer */
.surah-site-footer{margin-top:0;width:100%}
.surah-site-footer .footer-inner{width:100%}
.surah-footer-home{display:none !important}

/* Mobile/tablet: only Previous and Next above the crown.
   Home is below the crown, exactly between Imprint and About. */
@media(max-width:760px){
  .surah-nav{grid-template-columns:1fr 1fr !important}
  .surah-middle-home{display:none !important}
  .surah-site-footer .footer-legal{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px 14px !important;
  }
  .surah-site-footer .surah-footer-home{display:inline-flex !important}
}

/* v54 — two Surah navigation buttons only, at every viewport width */
.surah-nav{grid-template-columns:1fr 1fr !important}
.surah-middle-home{display:none !important}

/* v54 — exact homepage footer presentation */

.site-footer .footer-bank > span{display:block}
.site-footer .footer-bank > span strong{font-size:1.05em}
.site-footer .payment-guidance{
  margin:16px auto 10px;
  max-width:900px;
  padding:12px 16px;
  border:1px solid rgba(126,97,24,.24);
  border-radius:14px;
  background:rgba(255,250,235,.72);
  line-height:1.8;
}
.site-footer .payment-guidance a{
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer .footer-legal{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.site-footer .footer-legal a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border:1px solid rgba(11,93,67,.28);
  border-radius:999px;
  text-decoration:none;
}
#backToTop{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:100000;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid rgba(199,168,79,.72);
  border-radius:999px;
  background:#0b5d43;
  color:#fff;
  font:700 14px/1 Arial,Tahoma,sans-serif;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  cursor:pointer;
}
html[dir="rtl"] #backToTop{right:auto;left:20px}
#backToTop:hover,#backToTop:focus-visible{transform:translateY(-2px)}
#backToTop .arrow{font-size:20px;line-height:1}
@media(max-width:620px){
  #backToTop{bottom:14px;right:14px;padding:10px 12px}
  html[dir="rtl"] #backToTop{right:auto;left:14px}
  #backToTop .top-text{display:none}
}


.site-footer .footer-inner{padding-top:22px}
.site-footer .footer-bank{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:900px;
  margin:12px auto 18px;
  text-align:start;
}
.site-footer .bank-card{
  padding:14px 16px;
  border:1px solid rgba(11,93,67,.18);
  border-radius:14px;
  background:rgba(255,255,255,.56);
  line-height:1.65;
}
.site-footer .bank-card strong{
  display:block;
  margin-bottom:7px;
  color:#0b5d43;
  font-size:1.02rem;
}
.site-footer .bank-card span{
  display:block;
  direction:ltr;
  unicode-bidi:plaintext;
  text-align:left;
  line-height:1.55;
}
html[dir="rtl"] .site-footer .bank-card strong{text-align:right}
.site-footer .payment-guidance{margin-bottom:10px}
.site-footer .footer-rights{
  margin:8px auto 14px;
  max-width:900px;
  font-size:.92rem;
  opacity:.84;
  line-height:1.7;
}
.site-footer .site-builder-credit{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(11,93,67,.12);
  font-size:.93rem;
}
.site-footer .site-builder-credit a{
  color:inherit;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}
#backToTop{right:auto !important;left:auto !important}
@media(max-width:720px){
  .site-footer .footer-bank{grid-template-columns:1fr}
}


/* Surah footer must inherit the same card layout without being flattened by old rules */
.surah-site-footer{width:100%;margin-top:0}
.surah-site-footer .footer-inner{padding:22px clamp(14px,3vw,34px) 24px}
.surah-site-footer .footer-bank{
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 gap:14px !important;
 max-width:900px !important;
 margin:12px auto 18px !important;
 text-align:start !important;
}
.surah-site-footer .bank-card{
 display:block !important;
 padding:14px 16px !important;
 border:1px solid rgba(11,93,67,.18) !important;
 border-radius:14px !important;
 background:rgba(255,255,255,.56) !important;
 line-height:1.65 !important;
}
.surah-site-footer .bank-card strong{display:block !important;margin-bottom:7px !important;color:#0b5d43 !important;font-size:1.02rem !important}
.surah-site-footer .bank-card span{display:block !important;direction:ltr !important;unicode-bidi:plaintext !important;text-align:left !important;line-height:1.55 !important}
.surah-site-footer .footer-legal{display:flex !important;justify-content:center !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important}
.surah-site-footer .footer-legal a{
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 min-height:38px !important;padding:8px 15px !important;border:1px solid rgba(11,93,67,.28) !important;
 border-radius:999px !important;text-decoration:none !important;background:transparent !important;color:inherit !important;
}
/* Home in footer is now the only Home control and is always visible. */
.surah-site-footer .surah-footer-home{display:inline-flex !important}

/* Keep Previous/Next visually identical on small screens; no yellow center-card remnants. */
@media(max-width:760px){
 .surah-nav{grid-template-columns:1fr 1fr !important;gap:10px !important}
 .surah-nav a{background:rgba(255,253,247,.96) !important;color:inherit !important;border:1px solid rgba(201,155,60,.46) !important}
}
@media(max-width:720px){
 .surah-site-footer .footer-bank{grid-template-columns:1fr !important}
}
@media(max-width:430px){
 .surah-nav{gap:7px !important}
 .surah-nav a{padding:10px 8px !important}
}

/* v55 hard guarantee: no in-content Home card at any viewport */
.surah-nav{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.surah-nav .nav-home,.surah-nav .surah-middle-home{display:none !important}
.surah-site-footer .surah-footer-home{display:inline-flex !important}

/* v56 — Back-to-top stays inside the Surah page frame on wide displays */
@media(min-width:1661px){
 #backToTop{
   right:calc((100vw - 1600px)/2 + 24px) !important;
   left:auto !important;
 }
 html[dir="rtl"] #backToTop{
   left:calc((100vw - 1600px)/2 + 24px) !important;
   right:auto !important;
 }
}

/* v77 — unified, balanced title treatment for all 114 Surahs */
.surah-title-panel{
  width:min(100%,1120px);
  margin:18px auto 28px;
  padding:24px clamp(18px,3vw,42px);
  display:grid;
  grid-template-columns:minmax(150px,220px) minmax(280px,1fr) minmax(150px,220px);
  align-items:center;
  gap:clamp(18px,3vw,42px);
  border-top:1px solid rgba(201,155,60,.62);
  border-bottom:1px solid rgba(201,155,60,.62);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,252,240,.78) 18%,rgba(255,252,240,.92) 50%,rgba(255,252,240,.78) 82%,rgba(255,255,255,0));
}
.surah-title-panel .title-center{text-align:center;min-width:0}
.surah-title-panel .surah-arabic{
  margin:0;
  color:#173f34;
  font-size:clamp(34px,4vw,58px);
  line-height:1.35;
  font-weight:700;
}
.surah-title-panel .surah-local-name{
  margin:8px 0 0;
  color:#6e5b34;
  font-size:clamp(15px,1.45vw,20px);
  font-weight:600;
}
.surah-title-panel .mini-frame{
  min-height:112px;
  padding:14px 12px;
  border:1px solid rgba(201,155,60,.72);
  border-radius:16px;
  background:rgba(255,253,245,.9);
  box-shadow:0 4px 16px rgba(73,58,25,.07);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.surah-title-panel .mini-frame strong{font-size:17px;color:#176e55}
.surah-title-panel .mini-frame b{font-size:25px;line-height:1.15;color:#1d4f40;margin:3px 0}
.surah-title-panel .mini-frame small{font-size:12px;line-height:1.35;color:#77684b}
.content-panel{margin-top:0}
@media(max-width:760px){
  .surah-title-panel{
    width:calc(100% - 20px);
    margin:10px auto 20px;
    padding:18px 12px;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .surah-title-panel .title-center{grid-column:1/-1;grid-row:1}
  .surah-title-panel .title-side-left{grid-column:1;grid-row:2}
  .surah-title-panel .title-side-right{grid-column:2;grid-row:2}
  .surah-title-panel .surah-arabic{font-size:clamp(30px,9vw,42px)}
  .surah-title-panel .mini-frame{min-height:96px;padding:10px 8px}
  .surah-title-panel .mini-frame strong{font-size:14px}
  .surah-title-panel .mini-frame b{font-size:21px}
}

/* v78 — requested Surah metadata arrangement */
.surah-title-panel .surah-stat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:5px 0;
}
.surah-title-panel .surah-stat-row + .surah-stat-row{
  border-top:1px solid rgba(201,155,60,.28);
  margin-top:3px;
  padding-top:8px;
}
.surah-title-panel .surah-stat-row small{
  font-size:13px;
  color:#77684b;
}
.surah-title-panel .surah-stat-row b{
  margin:0;
  font-size:22px;
  color:#1d4f40;
}

/* Keep long translated labels and their numbers inside each metadata card. */
.surah-title-panel .title-side{min-width:0}
.surah-title-panel .mini-frame{
  width:min(100%,200px);
  min-width:0;
  height:auto;
  clip-path:none;
  outline:none;
}
.surah-title-panel .surah-stat-row{
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.surah-title-panel .surah-stat-row small{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  hyphens:auto;
  line-height:1.35;
}
.surah-title-panel .surah-stat-row b{display:block;line-height:1.25}

/* Account / authentication */
.account-header-btn{display:inline-flex!important;align-items:center;gap:7px;min-height:42px;padding:8px 14px!important;border:1px solid rgba(11,93,67,.25)!important;border-radius:999px;color:#0b5d43!important;background:#fff;text-decoration:none!important;font-weight:700;white-space:nowrap;line-height:1!important}
.account-header-btn:hover,.account-header-btn:focus-visible{background:#eef7f1!important;border-color:#0b5d43!important;outline:3px solid rgba(11,93,67,.12);outline-offset:2px}
@media(max-width:620px){.account-header-btn{min-height:44px;padding:8px 11px!important}.account-header-btn span:last-child{max-width:86px;overflow:hidden;text-overflow:ellipsis}}

/* v86 — low-glare black Surah reading theme */
:root{color-scheme:dark;--surah-paper:#000;--ink:#e3e5e4;--green:#72c7a5;--gold:#d0b35b}
html,body,.surah-shell,.illuminated-page{background:#000!important;color:#e3e5e4!important;color-scheme:dark}
.surah-crown{background:#000!important}
.surah-title-panel,.content-panel,.mini-frame,.content-status,.surah-nav a{background:#090a09!important;color:#e3e5e4!important;border-color:#554a2c!important;box-shadow:none!important}
.content-status:before,.content-status:after{background:#000!important;color:#d0b35b!important}
.surah-arabic{color:#ece8dc!important;text-shadow:none!important}.surah-local-name,.mini-frame strong,.mini-frame b,.mini-frame small,.content-status,.surah-nav small,.surah-nav strong{color:#e3e5e4!important}.lang-link,.back-home{background:#090a09!important;color:#d8c987!important;border-color:#554a2c!important}.lang-link.active{background:#174d3b!important;color:#eef5f1!important;border-color:#72c7a5!important}.nav-home a{background:#12100a!important;color:#d8c987!important;border-color:#806c34!important}.repair-legal a{background:#090a09!important;color:#72c7a5!important;border-color:#343934!important}.site-footer,.footer-inner{background:#000!important;color:#b7bdb9!important}

/* v87 — same refined dark palette on all Surah pages */
:root{--v87-frame:#3f4542;--v87-panel:#202422;--v87-card:#171a18;--v87-text:#79d7b1;--v87-active:#0b5d43;--v87-line:#555d58}
html{background:var(--v87-frame)!important}
body,.surah-shell,.illuminated-page,.surah-crown,.site-footer,.footer-inner{background:var(--v87-panel)!important;color:var(--v87-text)!important}
.surah-title-panel,.content-panel,.mini-frame,.content-status,.surah-nav a{background:var(--v87-card)!important;color:var(--v87-text)!important;border-color:var(--v87-line)!important}
.surah-title-panel .surah-local-name,.surah-title-panel .mini-frame strong,.surah-title-panel .mini-frame b,.surah-title-panel .mini-frame small,.surah-title-panel .surah-stat-row small,.surah-title-panel .surah-stat-row b,.surah-nav small,.surah-nav strong{color:var(--v87-text)!important}
.surah-title-panel .surah-arabic,[lang="ar"],.arabic,.arabic-text,.ayah-arabic{color:#ece8dc!important}
.surah-site-footer .bank-card,.surah-site-footer .payment-guidance{background:var(--v87-frame)!important;color:#e3e5e4!important;border-color:var(--v87-line)!important}
.surah-site-footer .bank-card strong,.surah-site-footer .footer-legal a{color:var(--v87-text)!important}
.surah-site-footer .footer-legal a{background:var(--v87-card)!important;border-color:var(--v87-line)!important}
.account-header-btn,.lang-v40-button,.account-header-btn *,.lang-v40-button *{color:var(--v87-active)!important;font-weight:800!important}
@media(max-width:760px){html,body,.surah-shell,.illuminated-page{background:var(--v87-panel)!important}}

/* v88 — same visual system on every Surah page */
:root{--v88-outer:#171a18;--v88-inner:#3f4542;--v88-control:#3f4542;--v88-text:#f2f4f3;--v88-muted:#cbd0cd;--v88-green:#2ca77b;--v88-line:#5b625e;--v88-shadow:0 8px 22px rgba(0,0,0,.32)}
html{background:var(--v88-outer)!important}body,.surah-page,.surah-shell,.surah-content,.site-footer,.footer-inner{background:var(--v88-inner)!important;color:var(--v88-text)!important}
.surah-header,.ayah,.verse,.surah-nav a,.site-footer .bank-card,.site-footer .payment-guidance,.site-footer .footer-legal a,button,input{background:var(--v88-control)!important;color:var(--v88-text)!important;border-color:var(--v88-line)!important;box-shadow:var(--v88-shadow)!important}
p,small,.translation,.meta{color:var(--v88-muted)!important}
a{color:var(--v88-text)!important}a:hover,a:focus-visible,button:hover,button:focus-visible,.surah-nav a:hover{color:var(--v88-green)!important}
#backToTop{background:var(--v88-green)!important;color:#fff!important}

/* v96 — synchronize all 114 Surah pages with the current homepage visual system */
:root{
  --v96-surface:#3f4542;
  --v96-control:#3f4542;
  --v96-text:#f2f4f3;
  --v96-muted:#cbd0cd;
  --v96-green:#2ca77b;
  --v96-shadow:0 7px 20px rgba(0,0,0,.30);
}
html,body,.surah-shell,.illuminated-page,.site-footer,.footer-inner{
  background:var(--v96-surface)!important;
  color:var(--v96-text)!important;
  border:0!important;outline:0!important;
}
html body{box-shadow:none!important}
body::before,body::after{content:none!important;display:none!important}
.surah-crown{background:var(--v96-surface)!important;border:0!important;outline:0!important;box-shadow:none!important}
/* Cards/panels use one surface; shadows provide separation instead of bright frame lines. */
.surah-title-panel,.content-panel,.mini-frame,.content-status,.surah-nav a,
.surah-site-footer .bank-card,.surah-site-footer .payment-guidance,.surah-site-footer .footer-legal a{
  background:var(--v96-control)!important;
  color:var(--v96-text)!important;
  border:0!important;outline:0!important;
  box-shadow:var(--v96-shadow)!important;
}
.surah-title-panel{background-image:none!important}
.surah-title-panel::before,.surah-title-panel::after,
.content-status::before,.content-status::after{display:none!important;content:none!important}
.surah-title-panel .surah-arabic{color:#ece8dc!important}
.surah-title-panel .surah-local-name,.surah-title-panel .mini-frame strong,
.surah-title-panel .mini-frame b,.surah-title-panel .mini-frame small,
.surah-title-panel .surah-stat-row small,.surah-title-panel .surah-stat-row b,
.content-status,.content-status p,.surah-nav small,.surah-nav strong,
.site-footer,.site-footer p,.site-footer span,.site-footer .bank-card span{
  color:var(--v96-text)!important;
}
.surah-title-panel .surah-stat-row + .surah-stat-row{border-top:0!important}
/* Language and Home controls match homepage controls. */
.lang-v40-button,.back-home,.account-header-btn{
  background:var(--v96-control)!important;color:var(--v96-text)!important;
  -webkit-text-fill-color:var(--v96-text)!important;
  border:0!important;outline:0!important;box-shadow:var(--v96-shadow)!important;
}
.lang-v40-button *,.back-home *,.account-header-btn *{color:inherit!important;-webkit-text-fill-color:inherit!important}
.lang-v40-button:hover,.lang-v40-button:focus-visible,.back-home:hover,.back-home:focus-visible,
.account-header-btn:hover,.account-header-btn:focus-visible,.surah-nav a:hover,.surah-nav a:focus-visible,
.surah-site-footer .footer-legal a:hover,.surah-site-footer .footer-legal a:focus-visible{
  color:var(--v96-green)!important;-webkit-text-fill-color:var(--v96-green)!important;
}
.surah-nav .nav-arrow{color:inherit!important}
/* Language popup remains searchable and independently scrollable on small screens. */
.lang-v40-menu,.global-surah-lang-menu{
  background:var(--v96-control)!important;color:var(--v96-text)!important;
  border:0!important;box-shadow:var(--v96-shadow)!important;
}
.global-lang-search,.surah-lang-search,.global-lang-note{background:var(--v96-control)!important;color:var(--v96-text)!important;border:0!important}
.global-lang-search input,.surah-lang-search input{
  background:var(--v96-control)!important;color:var(--v96-text)!important;
  border:0!important;box-shadow:var(--v96-shadow)!important;
}
.global-lang-search input::placeholder,.surah-lang-search input::placeholder{color:var(--v96-muted)!important;opacity:.9!important}
.global-lang-items{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.global-lang-items .lang-v40-option,.global-surah-lang-menu .global-lang-item{
  background:var(--v96-control)!important;color:var(--v96-text)!important;
}
.global-lang-items .lang-v40-option:hover,.global-lang-items .lang-v40-option:focus,
.global-surah-lang-menu .global-lang-item:hover,.global-surah-lang-menu .global-lang-item:focus{background:var(--v96-control)!important;color:var(--v96-green)!important}
/* Footer follows the same palette. */
.surah-site-footer .bank-card strong{color:var(--v96-green)!important}
.surah-site-footer .site-builder-credit{border-top:0!important}
#backToTop{background:var(--v96-green)!important;color:#fff!important;border:0!important;box-shadow:var(--v96-shadow)!important}
@media(max-width:760px){
  html,body,.surah-shell,.illuminated-page,.site-footer,.footer-inner{background:var(--v96-surface)!important}
  .surah-nav a{background:var(--v96-control)!important;color:var(--v96-text)!important;border:0!important;box-shadow:var(--v96-shadow)!important}
}

/* v97 — unify Surah canvas and remove dark islands around the illuminated artwork */
:root{--v97-surah-surface:#3f4542;--v97-text:#f2f4f3;--v97-muted:#cbd0cd;--v97-green:#2ca77b}
html,body,main,.surah-shell,.illuminated-page,
.surah-title-panel,.content-panel,.content-status,.mini-frame,
.surah-nav,.surah-nav a,.site-footer,.footer-inner,
.surah-site-footer,.surah-site-footer .footer-inner,
.surah-site-footer .bank-card,.surah-site-footer .payment-guidance,
.surah-site-footer .footer-legal a{
  background-color:var(--v97-surah-surface)!important;
  color:var(--v97-text)!important;
}
.illuminated-page,.surah-crown,.surah-crown-top,.surah-crown-bottom{
  border:0!important;outline:0!important;box-shadow:none!important;
}
.surah-title-panel,.content-panel,.content-status,.mini-frame,.surah-nav a{
  background-image:none!important;
}

/* v98 — crown artwork has transparent canvas; page surface shows through */
.surah-crown,.surah-crown-top,.surah-crown-bottom{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* v102 — Quran verse reader, first implementation: Surah 96 (Al-Alaq). */
.quran-verses-panel{padding:0!important;box-shadow:none!important}
.ayah-list{width:min(1180px,100%);margin:10px auto 0}
.ayah-block{padding:30px 10px 26px;border-bottom:1px solid rgba(242,244,243,.18);background:#3f4542;color:#f2f4f3}
.ayah-block:first-child{border-top:1px solid rgba(242,244,243,.18)}
.ayah-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr;margin-bottom:25px;color:#cbd0cd}
.ayah-reference{font-size:15px;font-variant-numeric:tabular-nums;opacity:.82}
.ayah-actions{display:flex;align-items:center;gap:7px}
.ayah-action{width:38px;height:38px;padding:8px;border:0;border-radius:10px;background:transparent!important;color:#cbd0cd!important;box-shadow:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ayah-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ayah-action[data-action="play"] svg path{fill:currentColor;stroke:none}
.ayah-action:hover,.ayah-action:focus-visible{color:#2ca77b!important;background:rgba(0,0,0,.12)!important;outline:none}
.ayah-arabic{direction:rtl;text-align:right;color:#f4f0e6!important;font-family:'UthmanicHafs','Traditional Arabic','Noto Naskh Arabic',serif;font-size:clamp(30px,3vw,45px);font-weight:400;line-height:2.05;unicode-bidi:plaintext}
.ayah-pronunciation,.ayah-translation{min-height:0;margin-top:0;color:#e7eae8;line-height:1.9}
.ayah-pronunciation:empty,.ayah-translation:empty{display:none}
.ayah-study-actions{display:flex;justify-content:flex-start;align-items:center;gap:4px;margin-top:22px;direction:rtl}
html[dir="ltr"] .ayah-study-actions{direction:ltr}
.ayah-study-actions button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:0!important;background:transparent!important;color:#aeb5b1!important;box-shadow:none!important;font:inherit;opacity:.62;cursor:default}
.ayah-study-actions button span{font-size:17px}.tanzil-credit{margin:24px auto 0;padding:12px 10px;max-width:1180px;text-align:center;font-size:13px;color:#cbd0cd!important;opacity:.78}.tanzil-credit a{color:#f2f4f3!important;text-underline-offset:3px}.tanzil-credit a:hover{color:#2ca77b!important}
@media(max-width:760px){.ayah-list{margin-top:4px}.ayah-block{padding:23px 4px 21px}.ayah-toolbar{margin-bottom:18px;gap:8px}.ayah-actions{gap:1px}.ayah-action{width:34px;height:34px;padding:7px}.ayah-arabic{font-size:clamp(27px,8vw,37px);line-height:2}.ayah-study-actions{gap:0;flex-wrap:wrap}.ayah-study-actions button{font-size:13px;padding:6px 8px}}


/* v104 — Basmala uses the same reader block design as every ayah, while remaining unnumbered. */
.basmala-block{background:#3f4542!important}
.basmala-block .ayah-arabic{text-align:right}
.basmala-block .ayah-reference{font-weight:500}

/* v105 — approved three-line ayah reading structure: Arabic, pronunciation, translation. */
.ayah-pronunciation,.ayah-translation{display:block!important;max-width:100%;margin-top:10px!important;line-height:1.85!important}
.ayah-pronunciation{font-size:clamp(15px,1.35vw,18px);color:#cbd0cd!important;font-style:italic;letter-spacing:.01em}
.ayah-translation{font-size:clamp(16px,1.45vw,20px);color:#f2f4f3!important;font-weight:400}
html[dir="rtl"] .ayah-pronunciation,html[dir="rtl"] .ayah-translation{text-align:right}
html[dir="ltr"] .ayah-pronunciation,html[dir="ltr"] .ayah-translation{text-align:left}
html[lang="fa"] .ayah-pronunciation{font-style:normal}
html[lang="ar"] .ayah-translation{display:none!important}
@media(max-width:760px){.ayah-pronunciation{margin-top:7px!important}.ayah-translation{margin-top:6px!important}}

/* v106 — Basmala is verse-style item 96:0 and shares the exact same reader width. */
.quran-verses-panel>.ayah-list{width:min(1180px,100%)!important;margin:10px auto 0!important}
.basmala-block{width:auto!important;max-width:none!important;margin:0!important;padding-left:10px!important;padding-right:10px!important}
@media(max-width:760px){.basmala-block{padding-left:4px!important;padding-right:4px!important}}