@media(max-width:780px){
  /* The Muṣḥaf must always stay inside the phone viewport. Vertical space is used
     for breathing room; horizontal overflow is never used for normal reading. */
  .unifiedQuranReader{max-width:100vw!important;overflow-x:clip!important}
  .unifiedQuranStage{width:100%!important;max-width:100%!important;padding:0 6px!important;box-sizing:border-box!important;overflow-x:clip!important}
  .quranPageColumn{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip!important}
  .madaniPage.unifiedMadaniPage{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}

  .premiumMadaniPage .madaniPageInner{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    aspect-ratio:auto!important;
    min-height:calc((100vw - 12px)*1.56)!important;
    padding:18px 10px 22px!important;
    overflow:hidden!important;
  }

  /* QCF pages are designed as 15 fixed lines. On mobile we fit those lines to the
     available width instead of enlarging them until the longest āyah spills out. */
  .premiumExactLines{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:calc((100vw - 32px)*1.43)!important;
    height:auto!important;
    justify-content:space-between!important;
    overflow:hidden!important;
    transform:scale(min(var(--page-zoom),1))!important;
    transform-origin:center center!important;
  }
  .premiumExactLines>.mushafExactLine{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:29px!important;
    box-sizing:border-box!important;
    padding-block:2px!important;
    padding-inline:1px!important;
    line-height:1.08!important;
    overflow:visible!important;
  }
  .mushafExactLine{
    font-size:clamp(17px,5.2vw,24px)!important;
    gap:.07em!important;
  }

  /* Uthmani fallback remains fluid and wraps naturally inside the paper. */
  .premiumMushafFallback{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:clamp(19px,5.35vw,25px)!important;
    line-height:2.35!important;
    padding:2px 3px!important;
    overflow:hidden!important;
  }
  .premiumMushafFallback>p{max-width:100%!important;line-height:2.35!important;overflow-wrap:normal!important;word-break:normal!important}

  .madjalissSurahDivider{max-width:100%!important;box-sizing:border-box!important;margin:8px 0 10px!important;padding-bottom:9px!important}
  .surahBasmala{margin-top:7px!important;line-height:1.6!important}
  .mushafPagePager{max-width:100%!important;margin-top:10px!important}
}

@media(max-width:390px){
  .unifiedQuranStage{padding-left:4px!important;padding-right:4px!important}
  .premiumMadaniPage .madaniPageInner{min-height:calc((100vw - 8px)*1.6)!important;padding-left:8px!important;padding-right:8px!important}
  .premiumExactLines{min-height:calc((100vw - 24px)*1.47)!important}
  .premiumExactLines>.mushafExactLine{min-height:28px!important}
  .mushafExactLine{font-size:clamp(16.5px,5.15vw,21px)!important;gap:.055em!important}
}