/* ==========================================================
   NUHA VERSI 1 — HALAMAN MUSHAF NORMAL / LANJUTAN
   Target uji: Al-Baqarah halaman 3.
   Halaman awal/pergantian surah TIDAK terkena aturan ini.
   ========================================================== */

/* Sisakan safe-area yang nyata di kiri/kanan.
   Jangan pakai width 96.x%/justify-self lagi karena hasilnya tidak stabil. */
body.quran-reader-route
.mushaf-page-standard
.mushaf-lines{
  width:100%!important;
  min-width:0!important;
  padding-inline:18px!important;
  direction:rtl!important;
  overflow:visible!important;
}

/* Header diberi sedikit ruang sebelum ayat pertama. */
body.quran-reader-route
.mushaf-page-standard
.mushaf-page-head{
  padding-bottom:10px!important;
}

/* Baris mengikuti line_number QCF dan direntangkan di DALAM safe-area,
   bukan sampai menyentuh garis halaman. */
body.quran-reader-route
.mushaf-page-standard
.mushaf-line:not(.mushaf-special):not(.mushaf-empty){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  padding-inline:2px!important;
  margin:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-align:initial!important;
}

/* Setiap kata dan marker dihitung sebagai item utuh.
   Jangan biarkan flex mengecilkan sebagian glyph. */
body.quran-reader-route
.mushaf-page-standard
.mushaf-line:not(.mushaf-special):not(.mushaf-empty)
> .mushaf-glyph,
body.quran-reader-route
.mushaf-page-standard
.mushaf-line:not(.mushaf-special):not(.mushaf-empty)
> .mushaf-ayah-end{
  flex:0 0 auto!important;
}

/* HP: safe-area lebih kecil agar teks tetap terbaca. */
@media(max-width:560px){
  body.quran-reader-route
  .mushaf-page-standard
  .mushaf-lines{
    padding-inline:9px!important;
  }

  body.quran-reader-route
  .mushaf-page-standard
  .mushaf-page-head{
    padding-bottom:7px!important;
  }

  body.quran-reader-route
  .mushaf-page-standard
  .mushaf-line:not(.mushaf-special):not(.mushaf-empty){
    padding-inline:1px!important;
  }
}

body.preview-phone.quran-reader-route
.mushaf-page-standard
.mushaf-lines{
  padding-inline:9px!important;
}