/* ==========================================================
   NUHA VERSI 1 — FINAL UI AL-QUR'AN
   Indeks Surah/Juz/Riwayat ala referensi NU Online
   + Mushaf HP penuh + marker ayat rapi.
   ========================================================== */

/* ---------- Indeks Al-Qur'an ---------- */
body.quran-index-route .view{
  max-width:760px!important;
  padding-top:0!important;
}

body.quran-index-route .quran-nu-hero{
  margin:0 -16px!important;
  padding:22px 18px 14px!important;
  border:0!important;
  border-radius:0 0 18px 18px!important;
  background:linear-gradient(180deg,#079b91 0%,#079187 100%)!important;
  box-shadow:none!important;
  color:#fff!important;
}

body.quran-index-route .quran-nu-hero-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}

body.quran-index-route .quran-nu-hero .page-title{
  margin:0!important;
  font-size:25px!important;
  color:#fff!important;
}

body.quran-index-route .quran-nu-hero .page-subtitle{
  margin:3px 0 0!important;
  font-size:12px!important;
  color:rgba(255,255,255,.82)!important;
}

body.quran-index-route .quran-nu-search-btn{
  min-width:78px!important;
  height:42px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#fff!important;
  font-weight:800!important;
  cursor:pointer!important;
}

body.quran-index-route .quran-nu-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:18px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#f2f3f3!important;
  box-shadow:0 3px 10px rgba(0,0,0,.06)!important;
}

body.quran-index-route .quran-nu-tabs .tab{
  min-height:43px!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid #dedede!important;
  border-radius:0!important;
  background:#f2f3f3!important;
  color:#181818!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.quran-index-route .quran-nu-tabs .tab:last-child{
  border-right:0!important;
}

body.quran-index-route .quran-nu-tabs .tab.active{
  background:#fff!important;
  color:#151515!important;
  box-shadow:0 1px 8px rgba(0,0,0,.10)!important;
}

body.quran-index-route .quran-nu-search{
  position:relative!important;
  margin:14px 0 3px!important;
}

body.quran-index-route .quran-nu-search-icon{
  position:absolute!important;
  z-index:2!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#a4a8aa!important;
  font-size:17px!important;
  pointer-events:none!important;
}

body.quran-index-route .quran-nu-search input{
  width:100%!important;
  height:51px!important;
  padding:0 16px 0 45px!important;
  border:0!important;
  border-radius:9px!important;
  outline:0!important;
  background:#f2f3f4!important;
  color:#222!important;
  font-size:15px!important;
  box-shadow:none!important;
}

body.quran-index-route .quran-nu-list{
  display:grid!important;
  gap:0!important;
  margin-top:8px!important;
  padding-bottom:92px!important;
  border:0!important;
}

body.quran-index-route .quran-nu-item{
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) minmax(70px,30%)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 4px!important;
  border:0!important;
  border-bottom:1px solid #dedede!important;
  border-radius:0!important;
  background:transparent!important;
  color:#202020!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

body.quran-index-route .quran-nu-badge{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  clip-path:none!important;
  border-radius:0!important;
  background:url("../img/quran-index-rosette.svg") center/100% 100% no-repeat!important;
  color:#6f7577!important;
  font-family:"Nunito",sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.quran-index-route .quran-nu-badge span{
  font-size:13px!important;
  line-height:1!important;
}

body.quran-index-route .quran-nu-juz-badge{
  color:#5f7772!important;
  background:url("../img/quran-index-rosette.svg") center/100% 100% no-repeat!important;
}

body.quran-index-route .quran-nu-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}

body.quran-index-route .quran-nu-copy b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#232323!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

body.quran-index-route .quran-nu-copy small{
  display:block!important;
  margin-top:3px!important;
  color:#9a7352!important;
  font-size:11.5px!important;
  line-height:1.3!important;
}

body.quran-index-route .quran-nu-ar-wrap,
body.quran-index-route .quran-nu-history-ar{
  justify-self:end!important;
  max-width:100%!important;
  color:#737575!important;
  direction:rtl!important;
  text-align:right!important;
  white-space:nowrap!important;
}

body.quran-index-route .quran-nu-ar-glyph{
  display:none;
  font-family:"QuranComSurahNames"!important;
  font-size:43px!important;
  font-weight:400!important;
  line-height:1!important;
  direction:ltr!important;
}

body.quran-index-route .quran-nu-ar-fallback,
body.quran-index-route .quran-nu-history-ar{
  display:block;
  font-family:"Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:27px!important;
  line-height:1.2!important;
}

html.qurancom-surah-font-ready body.quran-index-route .quran-nu-ar-glyph{
  display:block!important;
}

html.qurancom-surah-font-ready body.quran-index-route .quran-nu-ar-fallback{
  display:none!important;
}

body.quran-index-route .quran-juz-item{
  grid-template-columns:48px minmax(0,1fr) 24px!important;
}

body.quran-index-route .quran-nu-arrow{
  justify-self:end!important;
  color:#7b7e7f!important;
  font-size:20px!important;
}

body.quran-index-route .quran-nu-history-item{
  grid-template-columns:48px minmax(0,1fr) minmax(70px,28%)!important;
}

body.quran-index-route .quran-nu-resume-slot{
  position:sticky!important;
  z-index:28!important;
  bottom:72px!important;
  margin:0 -16px!important;
  padding:0!important;
  background:transparent!important;
}

body.quran-index-route .quran-nu-resume-card{
  width:100%!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 16px!important;
  border:1px solid #eadfcf!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:#fff8eb!important;
  color:#2b2926!important;
  text-align:left!important;
  box-shadow:0 -4px 14px rgba(0,0,0,.05)!important;
  cursor:pointer!important;
}

body.quran-index-route .quran-nu-resume-card .resume-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#99724e!important;
  font-size:21px!important;
}

body.quran-index-route .quran-nu-resume-card .resume-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}

body.quran-index-route .quran-nu-resume-card .resume-copy b{
  font-size:15px!important;
  line-height:1.25!important;
}

body.quran-index-route .quran-nu-resume-card .resume-copy small{
  margin-top:3px!important;
  color:#806d5d!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.quran-index-route .quran-nu-resume-card .resume-arrow{
  justify-self:end!important;
  color:#776b60!important;
  font-size:21px!important;
}

/* ---------- Mushaf Versi HP benar-benar memenuhi layar ---------- */
body.preview-phone.quran-reader-route.mushaf-final-mode #qreader{
  height:calc(100% - 49px)!important;
  padding:0 1px 1px!important;
}

body.preview-phone.quran-reader-route .mushaf-stage-final{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  place-items:stretch!important;
}

body.preview-phone.quran-reader-route .mushaf-page-final{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:8px 8px 6px!important;
  border-radius:2px!important;
  transform:scale(var(--mushaf-zoom))!important;
  transform-origin:center center!important;
}

/* HP asli juga gunakan area layar lebih maksimal */
@media(max-width:560px){
  body.quran-reader-route.mushaf-final-mode #qreader{
    padding:0 2px 2px!important;
  }
  body.quran-reader-route .mushaf-stage-final{
    padding:0!important;
  }
  body.quran-reader-route .mushaf-page-final{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
  }
}

/* ---------- Marker nomor ayat: bingkai lebih besar, angka lebih kecil ---------- */
body.quran-reader-route .mushaf-ayah-end{
  width:1.10em!important;
  height:1.10em!important;
  min-width:1.10em!important;
  min-height:1.10em!important;
  margin:0 .055em!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:url("../img/ayah-marker-rosette.svg") center/100% 100% no-repeat!important;
  color:#29322e!important;
  font-size:1em!important;
  font-weight:700!important;
  line-height:1!important;
  overflow:visible!important;
}

body.quran-reader-route .mushaf-ayah-end::before,
body.quran-reader-route .mushaf-ayah-end::after{
  display:none!important;
  content:none!important;
}

body.quran-reader-route .mushaf-ayah-end span{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  font-family:"Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:.34em!important;
  font-weight:700!important;
  line-height:1!important;
  transform:translateY(-.02em)!important;
}

@media(max-width:560px){
  body.quran-reader-route .mushaf-ayah-end{
    width:1.08em!important;
    height:1.08em!important;
    min-width:1.08em!important;
    min-height:1.08em!important;
    margin:0 .045em!important;
  }
  body.quran-reader-route .mushaf-ayah-end span{
    font-size:.32em!important;
  }
}

body.preview-phone.quran-reader-route .mushaf-ayah-end{
  width:1.08em!important;
  height:1.08em!important;
  min-width:1.08em!important;
  min-height:1.08em!important;
  margin:0 .045em!important;
}

body.preview-phone.quran-reader-route .mushaf-ayah-end span{
  font-size:.32em!important;
}

/* ---------- Mobile indeks ---------- */
@media(max-width:560px){
  body.quran-index-route .view{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.quran-index-route .quran-nu-hero{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding:18px 14px 12px!important;
    border-radius:0!important;
  }

  body.quran-index-route .quran-nu-hero .page-title{
    font-size:23px!important;
  }

  body.quran-index-route .quran-nu-search-btn{
    min-width:72px!important;
    height:39px!important;
    font-size:12px!important;
  }

  body.quran-index-route .quran-nu-tabs{
    margin-top:15px!important;
  }

  body.quran-index-route .quran-nu-tabs .tab{
    min-height:40px!important;
    padding:8px 4px!important;
    font-size:14px!important;
  }

  body.quran-index-route .quran-nu-search input{
    height:49px!important;
  }

  body.quran-index-route .quran-nu-item{
    min-height:72px!important;
    grid-template-columns:44px minmax(0,1fr) minmax(70px,31%)!important;
    gap:10px!important;
    padding:9px 1px!important;
  }

  body.quran-index-route .quran-nu-badge{
    width:41px!important;
    height:41px!important;
    min-width:41px!important;
    font-size:12px!important;
  }

  body.quran-index-route .quran-nu-copy b{
    font-size:15px!important;
  }

  body.quran-index-route .quran-nu-copy small{
    font-size:10.5px!important;
  }

  body.quran-index-route .quran-nu-ar-glyph{
    font-size:37px!important;
  }

  body.quran-index-route .quran-nu-ar-fallback,
  body.quran-index-route .quran-nu-history-ar{
    font-size:24px!important;
  }

  body.quran-index-route .quran-juz-item{
    grid-template-columns:44px minmax(0,1fr) 22px!important;
  }

  body.quran-index-route .quran-nu-history-item{
    grid-template-columns:44px minmax(0,1fr) minmax(64px,28%)!important;
  }

  body.quran-index-route .quran-nu-resume-slot{
    margin-left:-12px!important;
    margin-right:-12px!important;
  }
}

/* Preview HP laptop mengikuti desain indeks mobile */
body.preview-phone.quran-index-route .view{
  padding-left:12px!important;
  padding-right:12px!important;
}
body.preview-phone.quran-index-route .quran-nu-hero{
  margin-left:-12px!important;
  margin-right:-12px!important;
  border-radius:0!important;
}

/* ==========================================================
   NUHA V1 — MUSHAF HP SINGLE SOURCE OF TRUTH
   Jangan tambahkan override HP lain setelah blok ini.
   Tujuan:
   - toolbar tetap di atas
   - halaman Mushaf mengisi SEMUA sisa layar sampai bawah
   - lebar penuh di dalam bingkai HP
   - 15 baris didistribusikan sepanjang tinggi halaman
   ========================================================== */

/* ---------- HP ASLI ---------- */
@media(max-width:560px){
  body.quran-reader-route.mushaf-final-mode{
    overflow:hidden!important;
  }

  body.quran-reader-route.mushaf-final-mode .view{
    position:relative!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar{
    position:fixed!important;
    top:calc(6px + var(--safe-top))!important;
    left:6px!important;
    right:6px!important;
    width:auto!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    transform:none!important;
  }

  body.quran-reader-route.mushaf-final-mode #qreader{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:
      calc(61px + var(--safe-top))
      3px
      calc(3px + var(--safe-bottom))
      3px!important;
    overflow:hidden!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-stage-final{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-page-final{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:8px 10px 5px!important;
    transform:scale(var(--mushaf-zoom))!important;
    transform-origin:center center!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-lines{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    grid-template-rows:repeat(15,minmax(0,1fr))!important;
    align-content:stretch!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-line{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    align-items:center!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-page-head{
    min-height:15px!important;
    padding-bottom:4px!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-page-number{
    min-height:13px!important;
    padding-top:2px!important;
  }
}

/* ---------- PREVIEW HP DI LAPTOP ---------- */
body.preview-phone.quran-reader-route.mushaf-final-mode .app-shell{
  overflow:hidden!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .view{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:8px!important;
  width:auto!important;
  height:49px!important;
  min-height:49px!important;
  margin:0!important;
  transform:none!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode #qreader{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:62px 4px 4px!important;
  overflow:hidden!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-stage-final{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-page-final{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:8px 10px 5px!important;
  transform:scale(var(--mushaf-zoom))!important;
  transform-origin:center center!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-lines{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  grid-template-rows:repeat(15,minmax(0,1fr))!important;
  align-content:stretch!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-line{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  align-items:center!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-page-head{
  min-height:15px!important;
  padding-bottom:4px!important;
}

body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-page-number{
  min-height:13px!important;
  padding-top:2px!important;
}

/* ==========================================================
   NUHA V1 — FIX KHUSUS DESKTOP/LAPTOP
   HP yang sudah berhasil DIKUNCI dan tidak disentuh.
   ========================================================== */

@media(min-width:561px){
  body.quran-reader-route.mushaf-final-mode .mushaf-stage-final{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    padding:4px 0!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-page-final{
    height:min(94%,840px)!important;
    width:auto!important;
    max-width:min(94vw,610px)!important;
    max-height:840px!important;
    aspect-ratio:.665/1!important;
    margin:auto!important;
    padding:13px 22px 9px!important;
    transform:scale(var(--mushaf-zoom))!important;
    transform-origin:center center!important;
  }

  body.quran-reader-route.mushaf-final-mode .mushaf-page-head{
    padding:0 4px 10px!important;
  }

  body.quran-reader-route.mushaf-final-mode
  .mushaf-page-standard
  .mushaf-lines{
    padding-inline:14px!important;
  }

  body.quran-reader-route .mushaf-ayah-end{
    width:.90em!important;
    height:.90em!important;
    min-width:.90em!important;
    min-height:.90em!important;
    margin:0 .045em!important;
    background-size:100% 100%!important;
  }

  body.quran-reader-route .mushaf-ayah-end span{
    font-size:.29em!important;
    line-height:1!important;
  }

  body.quran-reader-route
  .mushaf-page-standard
  .mushaf-line:not(.mushaf-special):not(.mushaf-empty){
    padding-inline:2px!important;
    overflow:visible!important;
  }
}
/* ==========================================================
   NUHA V1 — MUSHAF HP IMMERSIVE CONTROLS
   Full layar tetap penuh. Toolbar hanya overlay saat disentuh.
   ========================================================== */

@media(max-width:560px){
  body.quran-reader-route.mushaf-final-mode #qreader{
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    padding:calc(5px + var(--safe-top)) 3px calc(3px + var(--safe-bottom)) 3px!important;
  }
  body.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar{
    position:fixed!important; z-index:80!important; top:calc(7px + var(--safe-top))!important; left:7px!important; right:7px!important;
    width:auto!important; height:49px!important; min-height:49px!important; margin:0!important;
    opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(-14px)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s!important; box-shadow:0 10px 28px rgba(17,38,31,.15)!important;
  }
  body.quran-reader-route.mushaf-final-mode.mushaf-controls-visible .mushaf-reader-toolbar{
    opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translateY(0)!important;
  }
  body.quran-reader-route.mushaf-final-mode .mushaf-page-final{ width:100%!important; height:100%!important; margin:0!important; }
}

body.preview-phone.quran-reader-route.mushaf-final-mode #qreader{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important; padding:5px 4px 4px!important;
}
body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar{
  position:absolute!important; z-index:80!important; top:8px!important; left:8px!important; right:8px!important; width:auto!important; height:49px!important; min-height:49px!important; margin:0!important;
  opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(-14px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s!important; box-shadow:0 10px 28px rgba(17,38,31,.15)!important;
}
body.preview-phone.quran-reader-route.mushaf-final-mode.mushaf-controls-visible .mushaf-reader-toolbar{
  opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translateY(0)!important;
}
body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-page-final{ width:100%!important; height:100%!important; margin:0!important; }

/* ==========================================================
   NUHA V1 — MARKER AYAT SINGLE SOURCE OF TRUTH
   Jangan tambahkan aturan .mushaf-ayah-end lain setelah blok ini.
   ========================================================== */

/* Semua mode: marker sedikit dibesarkan agar angka lebih terbaca,
   tetapi tetap aman dan tidak mengganggu layout mushaf yang sudah rapi. */
body.quran-reader-route .mushaf-ayah-end{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;

  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;

  margin:0 2px!important;
  padding:0!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:url("../img/ayah-marker-rosette.svg") center/100% 100% no-repeat!important;

  color:#28322e!important;
  font-family:"Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:1!important;
  vertical-align:middle!important;
  overflow:visible!important;
  flex:0 0 19px!important;
}

body.quran-reader-route .mushaf-ayah-end::before,
body.quran-reader-route .mushaf-ayah-end::after{
  display:none!important;
  content:none!important;
}

body.quran-reader-route .mushaf-ayah-end span{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;

  font-family:"Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#28322e!important;
  transform:none!important;
}

/* HP asli: sedikit lebih jelas agar angka tidak terasa seperti titik. */
@media(max-width:560px){
  body.quran-reader-route .mushaf-ayah-end{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    flex-basis:20px!important;
    margin:0 2px!important;
  }

  body.quran-reader-route .mushaf-ayah-end span{
    font-size:9.5px!important;
  }
}

/* Preview HP di laptop harus mengalahkan media desktop. */
body.preview-phone.quran-reader-route .mushaf-ayah-end{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  flex:0 0 20px!important;
  margin:0 2px!important;
}

body.preview-phone.quran-reader-route .mushaf-ayah-end span{
  font-size:9.5px!important;
}

/* ==========================================================
   NUHA V1 — FINAL POLISH 2 ITEM
   1) Judul surah di dalam bingkai diperbesar sedikit.
   2) Marker nomor ayat disamakan lebih dekat ke referensi mushaf.
   Fullscreen, layout, baris, basmalah, dan navigasi tidak diubah.
   ========================================================== */

/* Judul surah: lebih jelas, tetap center dan harakat aman. */
body.quran-reader-route .nuha-surah-title{
  font-size:20px!important;
  max-width:62%!important;
}
body.quran-reader-route .nuha-surah-prefix{
  font-size:.82em!important;
}
body.quran-reader-route .nuha-surah-qurancom{
  font-size:1.16em!important;
}
body.quran-reader-route .nuha-surah-fallback{
  font-size:1em!important;
}

/* Marker ayat: lebih dekat ke proporsi referensi mushaf. */
body.quran-reader-route .mushaf-ayah-end{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  margin:0 1.5px!important;
}
body.quran-reader-route .mushaf-ayah-end span{
  font-size:10px!important;
}

@media(max-width:560px){
  body.quran-reader-route .nuha-surah-title{
    font-size:14px!important;
    max-width:62%!important;
  }
  body.quran-reader-route .nuha-surah-prefix{
    font-size:.80em!important;
  }
  body.quran-reader-route .nuha-surah-qurancom{
    font-size:1.12em!important;
  }
  body.quran-reader-route .nuha-surah-fallback{
    font-size:.98em!important;
  }

  body.quran-reader-route .mushaf-ayah-end{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    flex:0 0 23px!important;
    margin:0 1.5px!important;
  }
  body.quran-reader-route .mushaf-ayah-end span{
    font-size:11px!important;
  }
}

/* Preview HP di laptop memakai ukuran HP yang sama. */
body.preview-phone.quran-reader-route .nuha-surah-title{
  font-size:14px!important;
  max-width:62%!important;
}
body.preview-phone.quran-reader-route .nuha-surah-prefix{
  font-size:.80em!important;
}
body.preview-phone.quran-reader-route .nuha-surah-qurancom{
  font-size:1.12em!important;
}
body.preview-phone.quran-reader-route .nuha-surah-fallback{
  font-size:.98em!important;
}
body.preview-phone.quran-reader-route .mushaf-ayah-end{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  flex:0 0 23px!important;
  margin:0 1.5px!important;
}
body.preview-phone.quran-reader-route .mushaf-ayah-end span{
  font-size:11px!important;
}

/* ==========================================================
   NUHA V1 — REPAIR DAFTAR SURAH/JUZ
   Fokus: kembali proporsional seperti referensi NU Online.
   Reader Mushaf TIDAK disentuh.
   ========================================================== */

body.quran-index-route .quran-nu-list{
  margin-top:6px!important;
  padding-bottom:154px!important;
}

body.quran-index-route .quran-nu-item{
  min-height:68px!important;
  grid-template-columns:42px minmax(0,1fr) minmax(66px,27%)!important;
  gap:10px!important;
  padding:8px 2px!important;
}

body.quran-index-route .quran-nu-badge{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:11px!important;
}
body.quran-index-route .quran-nu-badge span{font-size:11px!important}

body.quran-index-route .quran-nu-copy b{
  font-size:15px!important;
  line-height:1.2!important;
}
body.quran-index-route .quran-nu-copy small{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  color:#9a6f4c!important;
}

body.quran-index-route .quran-nu-ar-wrap,
body.quran-index-route .quran-nu-history-ar{
  max-width:100%!important;
  overflow:visible!important;
}
body.quran-index-route .quran-nu-ar-glyph{
  font-size:34px!important;
  line-height:.95!important;
  color:#7d8181!important;
}
body.quran-index-route .quran-nu-ar-fallback,
body.quran-index-route .quran-nu-history-ar{
  font-size:23px!important;
  line-height:1.05!important;
  color:#7d8181!important;
}

body.quran-index-route .quran-juz-item{
  grid-template-columns:42px minmax(0,1fr) 20px!important;
}
body.quran-index-route .quran-nu-history-item{
  grid-template-columns:42px minmax(0,1fr) minmax(62px,25%)!important;
}

/* Resume tetap seperti referensi, tetapi lebih ringkas dan tidak menutup terlalu banyak daftar. */
body.quran-index-route .quran-nu-resume-slot{
  bottom:66px!important;
  margin-left:-12px!important;
  margin-right:-12px!important;
}
body.quran-index-route .quran-nu-resume-card{
  min-height:62px!important;
  grid-template-columns:34px minmax(0,1fr) 20px!important;
  gap:8px!important;
  padding:8px 12px!important;
}
body.quran-index-route .quran-nu-resume-card .resume-icon{
  width:30px!important;
  height:30px!important;
  font-size:18px!important;
}
body.quran-index-route .quran-nu-resume-card .resume-copy b{
  font-size:14px!important;
}
body.quran-index-route .quran-nu-resume-card .resume-copy small{
  margin-top:2px!important;
  font-size:10px!important;
}
body.quran-index-route .quran-nu-resume-card .resume-arrow{
  font-size:18px!important;
}

@media(max-width:560px){
  body.quran-index-route .quran-nu-item{
    min-height:66px!important;
    grid-template-columns:40px minmax(0,1fr) minmax(62px,27%)!important;
    gap:9px!important;
    padding:7px 1px!important;
  }
  body.quran-index-route .quran-nu-badge{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  body.quran-index-route .quran-nu-copy b{font-size:14.5px!important}
  body.quran-index-route .quran-nu-copy small{font-size:10px!important}
  body.quran-index-route .quran-nu-ar-glyph{font-size:32px!important}
  body.quran-index-route .quran-nu-ar-fallback,
  body.quran-index-route .quran-nu-history-ar{font-size:22px!important}
  body.quran-index-route .quran-juz-item{
    grid-template-columns:40px minmax(0,1fr) 18px!important;
  }
  body.quran-index-route .quran-nu-history-item{
    grid-template-columns:40px minmax(0,1fr) minmax(58px,24%)!important;
  }
}

body.preview-phone.quran-index-route .quran-nu-item{
  min-height:66px!important;
  grid-template-columns:40px minmax(0,1fr) minmax(62px,27%)!important;
  gap:9px!important;
  padding:7px 1px!important;
}
body.preview-phone.quran-index-route .quran-nu-badge{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
body.preview-phone.quran-index-route .quran-nu-ar-glyph{font-size:32px!important}
body.preview-phone.quran-index-route .quran-nu-ar-fallback,
body.preview-phone.quran-index-route .quran-nu-history-ar{font-size:22px!important}

/* ==========================================================
   NUHA V1 — MARKER AYAT: SAFE NUMBER FIT
   Hanya mengatur angka di dalam rosette. Ukuran/layout Mushaf
   dan ukuran luar marker tidak diubah.
   ========================================================== */
body.quran-reader-route .mushaf-ayah-end span{
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:-.12px!important;
  transform:translateY(.15px)!important;
}
body.quran-reader-route .mushaf-ayah-end.ayah-digits-1 span{
  font-size:9.4px!important;
}
body.quran-reader-route .mushaf-ayah-end.ayah-digits-2 span{
  font-size:8.2px!important;
  letter-spacing:-.22px!important;
}
body.quran-reader-route .mushaf-ayah-end.ayah-digits-3 span{
  font-size:7.1px!important;
  letter-spacing:-.38px!important;
}

@media(max-width:560px){
  body.quran-reader-route .mushaf-ayah-end.ayah-digits-1 span{font-size:9.8px!important}
  body.quran-reader-route .mushaf-ayah-end.ayah-digits-2 span{font-size:8.6px!important;letter-spacing:-.22px!important}
  body.quran-reader-route .mushaf-ayah-end.ayah-digits-3 span{font-size:7.4px!important;letter-spacing:-.4px!important}
}

body.preview-phone.quran-reader-route .mushaf-ayah-end.ayah-digits-1 span{font-size:9.8px!important}
body.preview-phone.quran-reader-route .mushaf-ayah-end.ayah-digits-2 span{font-size:8.6px!important;letter-spacing:-.22px!important}
body.preview-phone.quran-reader-route .mushaf-ayah-end.ayah-digits-3 span{font-size:7.4px!important;letter-spacing:-.4px!important}


/* ==========================================================
   NUHA V1.68 — Lanjutkan Membaca menyatu dengan indeks
   Tidak lagi sticky/mengambang dan tidak menutupi daftar surah.
   ========================================================== */
body.quran-index-route .quran-nu-resume-slot{
  position:relative!important;
  z-index:auto!important;
  bottom:auto!important;
  margin:10px 0 3px!important;
  padding:0!important;
  background:transparent!important;
}
body.quran-index-route .quran-nu-resume-card{
  min-height:62px!important;
  grid-template-columns:34px minmax(0,1fr) 20px!important;
  gap:9px!important;
  padding:9px 12px!important;
  border:1px solid #eadfcf!important;
  border-radius:14px!important;
  background:#fff8eb!important;
  box-shadow:none!important;
}
body.quran-index-route .quran-nu-resume-card .resume-icon{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:#fff3df!important;
}
body.quran-index-route .quran-nu-resume-card .resume-copy b{
  font-size:14px!important;
}
body.quran-index-route .quran-nu-resume-card .resume-copy small{
  margin-top:2px!important;
  font-size:10px!important;
}
body.quran-index-route .quran-nu-list{
  margin-top:4px!important;
  padding-bottom:14px!important;
}
[data-theme="dark"] body.quran-index-route .quran-nu-resume-card{
  background:#2c2921!important;
  border-color:#4a4030!important;
  color:#f5f1e8!important;
}
[data-theme="dark"] body.quran-index-route .quran-nu-resume-card .resume-icon{
  background:#393024!important;
  color:#e4ba75!important;
}
[data-theme="dark"] body.quran-index-route .quran-nu-resume-card .resume-copy small,
[data-theme="dark"] body.quran-index-route .quran-nu-resume-card .resume-arrow{
  color:#c7b79e!important;
}
@media(max-width:560px){
  body.quran-index-route .quran-nu-resume-slot{margin:8px 0 2px!important}
  body.quran-index-route .quran-nu-resume-card{min-height:58px!important;padding:8px 10px!important;border-radius:13px!important}
}
body.preview-phone.quran-index-route .quran-nu-resume-slot{margin:8px 0 2px!important}
body.preview-phone.quran-index-route .quran-nu-resume-card{min-height:58px!important;padding:8px 10px!important;border-radius:13px!important}


/* ==========================================================
   NUHA V1.69 — Navigasi indeks Al-Qur'an sticky
   Tab Surah / Juz / Riwayat tetap terlihat saat daftar di-scroll.
   ========================================================== */
body.quran-index-route .quran-nu-hero{
  padding-bottom:18px!important;
  border-radius:0!important;
}
body.quran-index-route .quran-nu-tabs-sticky{
  position:sticky!important;
  top:72px!important;
  z-index:34!important;
  margin:0 -16px!important;
  padding:8px 16px!important;
  background:linear-gradient(180deg,#079187 0%,#078c82 100%)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.08)!important;
}
body.quran-index-route .quran-nu-tabs-sticky .quran-nu-tabs{
  margin:0!important;
}
@media(max-width:560px){
  body.quran-index-route .quran-nu-tabs-sticky{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding:7px 12px!important;
  }
}
/* Dalam preview HP, .view adalah area scroll tersendiri sehingga top=0. */
body.preview-phone.quran-index-route .quran-nu-tabs-sticky{
  top:0!important;
  margin-left:-12px!important;
  margin-right:-12px!important;
  padding:7px 12px!important;
}


/* ===== BUILD 187 — swipe Mushaf ringan + font final sebelum paint ===== */
body.quran-reader-route .mushaf-stage-final{
  --swipe-x:0px;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain;
}
body.quran-reader-route .mushaf-stage-final .mushaf-page-final{
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
body.quran-reader-route .mushaf-stage-final.mushaf-dragging .mushaf-page-final{
  transform:translate3d(var(--swipe-x),0,0) scale(var(--mushaf-zoom))!important;
  transition:none!important;
}

/* Navigasi halaman Mushaf pada Build 187 hanya lewat swipe layar.
   Tidak ada tombol panah tambahan agar toolbar tetap bersih. */
body.quran-reader-route .mushaf-top-nav{
  display:none!important;
}

/* ===== BUILD 188 — swipe Mushaf lebih santai dan terasa ===== */
body.quran-reader-route .mushaf-stage-final.mushaf-releasing .mushaf-page-final,
body.quran-reader-route .mushaf-stage-final.mushaf-snapback .mushaf-page-final{
  transform:translate3d(var(--swipe-target,0px),0,0) scale(var(--mushaf-zoom))!important;
  transition:transform 155ms cubic-bezier(.22,.61,.36,1),opacity 155ms ease!important;
}
body.quran-reader-route .mushaf-stage-final.mushaf-releasing .mushaf-page-final{
  opacity:.94!important;
}
body.quran-reader-route .mushaf-stage-final.mushaf-snapback .mushaf-page-final{
  opacity:1!important;
}

/* Di HP, halaman baru masuk dari arah lawan swipe lalu berhenti lembut.
   Ini bukan tombol/ornamen baru: hanya gerak halaman yang sudah ada. */
@media(max-width:560px){
  body.quran-reader-route .mushaf-stage-final.mushaf-slide-next:not(.mushaf-entered) .mushaf-page-final{
    transform:translate3d(42px,0,0) scale(var(--mushaf-zoom))!important;
    opacity:.88!important;
  }
  body.quran-reader-route .mushaf-stage-final.mushaf-slide-prev:not(.mushaf-entered) .mushaf-page-final{
    transform:translate3d(-42px,0,0) scale(var(--mushaf-zoom))!important;
    opacity:.88!important;
  }
  body.quran-reader-route .mushaf-stage-final.mushaf-slide-next.mushaf-entered .mushaf-page-final,
  body.quran-reader-route .mushaf-stage-final.mushaf-slide-prev.mushaf-entered .mushaf-page-final{
    transform:translate3d(0,0,0) scale(var(--mushaf-zoom))!important;
    opacity:1!important;
    transition:transform 320ms cubic-bezier(.22,.61,.36,1),opacity 260ms ease!important;
  }
}

body.preview-phone.quran-reader-route .mushaf-stage-final.mushaf-slide-next:not(.mushaf-entered) .mushaf-page-final{
  transform:translate3d(42px,0,0) scale(var(--mushaf-zoom))!important;
  opacity:.88!important;
}
body.preview-phone.quran-reader-route .mushaf-stage-final.mushaf-slide-prev:not(.mushaf-entered) .mushaf-page-final{
  transform:translate3d(-42px,0,0) scale(var(--mushaf-zoom))!important;
  opacity:.88!important;
}
body.preview-phone.quran-reader-route .mushaf-stage-final.mushaf-slide-next.mushaf-entered .mushaf-page-final,
body.preview-phone.quran-reader-route .mushaf-stage-final.mushaf-slide-prev.mushaf-entered .mushaf-page-final{
  transform:translate3d(0,0,0) scale(var(--mushaf-zoom))!important;
  opacity:1!important;
  transition:transform 320ms cubic-bezier(.22,.61,.36,1),opacity 260ms ease!important;
}

/* ===== BUILD 190 — native-like swipe tanpa mengubah struktur Mushaf ===== */
body.quran-reader-route .mushaf-stage-final{
  touch-action:pan-y!important;
  overscroll-behavior-x:contain;
  position:relative!important;
  overflow:hidden!important;
}
body.quran-reader-route .mushaf-stage-final.mushaf-native-swipe > .mushaf-page-final{
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
body.quran-reader-route .mushaf-stage-final > .mushaf-swipe-neighbor{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  background:var(--surface,#fff)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
body.quran-reader-route .mushaf-stage-final > .mushaf-page-final{
  position:relative!important;
  z-index:2!important;
}
body.quran-reader-route .mushaf-stage-final > .mushaf-swipe-neighbor .mushaf-page-final{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  box-shadow:none!important;
}
/* Build 188 memakai class mushaf-dragging untuk translate berbasis CSS.
   Build 190 menggerakkan halaman langsung lewat inline transform agar benar-benar
   mengikuti posisi jari. Override lama dinonaktifkan supaya tidak saling tarik. */
body.quran-reader-route .mushaf-stage-final.mushaf-native-swipe.mushaf-dragging > .mushaf-page-final{
  transition:none!important;
}


/* ===== BUILD 191 — tap toolbar, tekan-tahan tafsir, basmalah wajib ===== */
body.quran-reader-route .mushaf-glyph,
body.quran-reader-route .mushaf-ayah-end{
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.quran-reader-route .mushaf-glyph.mushaf-long-press-active,
body.quran-reader-route .mushaf-ayah-end.mushaf-long-press-active{
  opacity:.72!important;
}

/* Jika sumber QCF hanya menyisakan satu baris kosong sebelum ayat 1,
   judul surah dan basmalah tetap tampil kompak tanpa menggeser ayat. */
body.quran-reader-route .nuha-surah-opening-combined{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
}
body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-ornament{
  width:90%!important;
  max-height:30px!important;
  flex:0 0 auto!important;
}
body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  line-height:1!important;
}
body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-glyph{
  font-size:.76em!important;
  line-height:1!important;
}
body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-fallback{
  font-size:.58em!important;
  line-height:1!important;
}
@media(max-width:560px){
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-ornament{
    width:92%!important;
    max-height:27px!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-glyph{font-size:.70em!important}
  body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-fallback{font-size:.54em!important}
}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-ornament{
  width:92%!important;
  max-height:27px!important;
}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-glyph{font-size:.70em!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-fallback{font-size:.54em!important}

/* ===== BUILD 207 — ROLLBACK STABIL =====
   Basis: Build 191.
   Hanya dua hal:
   1) Bismillah membawa ukuran yang sudah disetujui dari Build 196.
   2) Judul surah tetap memakai renderer + font awal Build 191, hanya dirapikan aman di dalam bingkai.
   Tidak ada scale container, tidak ada ganti font/model renderer. */

/* Judul surah normal: font/model awal, sedikit lebih jelas namun aman di bingkai. */
@media(max-width:560px){
  body.quran-reader-route .nuha-surah-title{
    position:relative!important;
    max-width:62%!important;
    font-size:16px!important;
    line-height:1.18!important;
    padding:.02em .14em .06em!important;
    transform:translateY(0)!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.quran-reader-route .nuha-surah-prefix{
    font-size:.80em!important;
    line-height:1.18!important;
  }
  body.quran-reader-route .nuha-surah-qurancom{
    font-size:1.18em!important;
    line-height:1!important;
    transform:none!important;
  }
  body.quran-reader-route .nuha-surah-fallback{
    font-size:.98em!important;
    line-height:1.18!important;
  }

  /* Pembuka kompak seperti An-Nisa: ukuran lebih konservatif agar tidak keluar bingkai. */
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-ornament{
    width:94%!important;
    max-height:29px!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-title{
    max-width:60%!important;
    font-size:14px!important;
    line-height:1.10!important;
    padding:0 .10em .03em!important;
    transform:translateY(-1px)!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-prefix{
    font-size:.76em!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-qurancom{
    font-size:1.10em!important;
    line-height:1!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-fallback{
    font-size:.92em!important;
    line-height:1.08!important;
  }

  /* Bismillah: persis arah ukuran yang sudah disetujui dari Build 196. */
  body.quran-reader-route .nuha-bismillah{
    height:96%!important;
    padding-top:0!important;
    overflow:visible!important;
  }
  body.quran-reader-route .nuha-bismillah-glyph{
    font-size:51px!important;
    line-height:.94!important;
  }
  body.quran-reader-route .nuha-bismillah-fallback{
    font-size:37px!important;
    line-height:1!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah{
    margin-top:0!important;
    height:auto!important;
    transform:translateY(-1px)!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-glyph{
    font-size:32px!important;
    line-height:.94!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-fallback{
    font-size:23px!important;
    line-height:1!important;
  }
}

/* Preview HP mengikuti HP asli untuk audit visual. */
body.preview-phone.quran-reader-route .nuha-surah-title{
  position:relative!important;
  max-width:62%!important;
  font-size:16px!important;
  line-height:1.18!important;
  padding:.02em .14em .06em!important;
  transform:translateY(0)!important;
}
body.preview-phone.quran-reader-route .nuha-surah-prefix{font-size:.80em!important;line-height:1.18!important}
body.preview-phone.quran-reader-route .nuha-surah-qurancom{font-size:1.18em!important;line-height:1!important;transform:none!important}
body.preview-phone.quran-reader-route .nuha-surah-fallback{font-size:.98em!important;line-height:1.18!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-ornament{width:94%!important;max-height:29px!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-title{max-width:60%!important;font-size:14px!important;line-height:1.10!important;padding:0 .10em .03em!important;transform:translateY(-1px)!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-prefix{font-size:.76em!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-qurancom{font-size:1.10em!important;line-height:1!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-fallback{font-size:.92em!important;line-height:1.08!important}
body.preview-phone.quran-reader-route .nuha-bismillah{height:96%!important;padding-top:0!important;overflow:visible!important}
body.preview-phone.quran-reader-route .nuha-bismillah-glyph{font-size:51px!important;line-height:.94!important}
body.preview-phone.quran-reader-route .nuha-bismillah-fallback{font-size:37px!important;line-height:1!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah{margin-top:0!important;height:auto!important;transform:translateY(-1px)!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-glyph{font-size:32px!important;line-height:.94!important}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-bismillah-fallback{font-size:23px!important;line-height:1!important}


/* ==========================================================
   BUILD 210 — MICRO-FIX PEMBUKA SURAH
   Basis Build 207. Hanya judul surah + kelonggaran ayat pada
   halaman pembuka. Bismillah, swipe, halaman biasa tidak diubah.
   ========================================================== */

/* Seluruh judul (سورة + nama) memakai SATU font yang sama. */
body.quran-reader-route .nuha-surah-title{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:4!important;
  min-width:0!important;
  max-width:62%!important;
  padding:0 .12em .02em!important;
  gap:0!important;
  background:#fffdf6!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.quran-reader-route .nuha-surah-full-title{
  display:inline-block!important;
  font-family:"UthmanicHafs","Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.05!important;
  color:#111611!important;
  letter-spacing:0!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* Halaman yang benar-benar memuat awal surah saja. */
body.quran-reader-route .mushaf-page-opening .mushaf-lines{
  padding:2px 4px 1px!important;
}
body.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty),
body.quran-reader-route .mushaf-page-opening .mushaf-glyph{
  line-height:1.20!important;
}

/* Pembuka kompak (mis. An-Nisa): tetap di tengah bingkai dan tidak menyentuh garis. */
body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-title{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  max-width:58%!important;
  padding:0 .08em .01em!important;
}
body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-full-title{
  font-size:13.2px!important;
  line-height:1!important;
}

@media(max-width:560px){
  body.quran-reader-route .nuha-surah-title{
    max-width:64%!important;
    padding:0 .10em .01em!important;
  }
  body.quran-reader-route .nuha-surah-full-title{
    font-size:15px!important;
    line-height:1.04!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-title{
    max-width:59%!important;
    padding:0 .06em .01em!important;
  }
  body.quran-reader-route .nuha-surah-opening-combined .nuha-surah-full-title{
    font-size:12.4px!important;
    line-height:1!important;
  }
  body.quran-reader-route .mushaf-page-opening .mushaf-lines{
    padding:2px 4px 1px!important;
  }
}

body.preview-phone.quran-reader-route .nuha-surah-title{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  max-width:64%!important;
  padding:0 .10em .01em!important;
}
body.preview-phone.quran-reader-route .nuha-surah-full-title{
  font-family:"UthmanicHafs","Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.04!important;
}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-title{
  max-width:59%!important;
  padding:0 .06em .01em!important;
}
body.preview-phone.quran-reader-route .nuha-surah-opening-combined .nuha-surah-full-title{
  font-size:12.4px!important;
  line-height:1!important;
}
body.preview-phone.quran-reader-route .mushaf-page-opening .mushaf-lines{
  padding:2px 4px 1px!important;
}