/* Ornament and calligraphy are overlays: the existing heading metrics stay intact. */
.heading.surah-heading,.heading.basmallah{position:relative}
.surah-heading::before{content:"";position:absolute;inset:3px 0;background:url('surah-divider.svg?v=classic-20261006') center/100% 100% no-repeat;pointer-events:none}
.surah-heading .surah-layout{visibility:hidden}
.surah-heading .surah-label{position:absolute;inset:0;width:52%;margin:auto;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:22px;font-weight:600;line-height:1;color:#263f32}
.basmallah .basmallah-layout{visibility:hidden}
.basmallah .basmallah-calligraphy{position:absolute;inset:0;display:flex;direction:rtl;align-items:center;justify-content:center;gap:.08em;font-family:qpc-1;font-size:37px;font-weight:400;line-height:1;pointer-events:none}
.basmallah-calligraphy span{display:block;flex:none}
body.dark .surah-heading::before{background-image:url('surah-divider-dark.svg?v=classic-20261006')}
body.dark .surah-heading .surah-label{color:#e4ece7}
.surah-heading .surah-label{max-width:52%}
@media(max-width:500px){.surah-heading .surah-label{font-size:18px}.basmallah .basmallah-calligraphy{font-size:30px}}