/* A Qurʾān page in the reader, laid out as in the Madinah muṣḥaf (reader/_quran_mushaf) */
.mushaf {
  --mushaf-ink: #1C2321;
  --mushaf-frame: #B8862A;
  max-width: 660px; margin: 0 auto; width: 100%;
  container-type: inline-size;
  font-family: "Amiri Quran", var(--font-arabic);
  color: var(--mushaf-ink);
}
.reader--quran.is-flowing .mushaf { display: none; }
.reader--quran:not(.is-flowing) .quran-flow { display: none; }

.mushaf__head { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--text-muted); padding: 0 6px 6px; border-bottom: 1px solid var(--line); }
.mushaf__page {
  border: 2px solid var(--mushaf-frame); outline: 1px solid var(--mushaf-frame); outline-offset: 3px; border-radius: 4px;
  padding: 2.4cqi 3cqi; margin: 10px 4px; background: #FDFAF2;
}
.mushaf__line {
  display: flex; justify-content: space-between; align-items: baseline; flex-wrap: nowrap; white-space: nowrap;
  font-size: 4.95cqi; line-height: 2.05;
}
.mushaf__line .reader__w { padding: 0; border-radius: 3px; }
.mushaf__line .reader__w.is-reciting, .mushaf__end.is-reciting { background: var(--green-soft); }
.mushaf__end {
  background: none; border: none; padding: 0 .05em; font: inherit; color: var(--mushaf-frame); cursor: pointer; line-height: 1;
}
.mushaf__end:hover { color: var(--clay); }
.mushaf__surah {
  display: flex; justify-content: center; align-items: center; margin: .35em 0;
  font-size: 4.2cqi; line-height: 1.9; color: var(--mushaf-ink);
  border: 1.5px solid var(--mushaf-frame); border-radius: 3px; outline: 1px solid var(--mushaf-frame); outline-offset: 2px;
  background: linear-gradient(90deg, #F4E7C8, #FBF4E2 30%, #FBF4E2 70%, #F4E7C8);
}
.mushaf__line--basmala { justify-content: center; gap: .45em; }
.mushaf--opening .mushaf__line { justify-content: center; gap: .4em; font-size: 5.6cqi; }
.mushaf--opening .mushaf__page { padding-top: 6cqi; padding-bottom: 6cqi; }
.mushaf__foot { text-align: center; font-size: 16px; color: var(--text-muted); }