/* عرض الأبيات — يعتمد على poem-layout.js. الأحجام والمسافات من إعدادات الموقع */
.verse { font-family: var(--poem-font); font-size: var(--poem-size); line-height: var(--lh); color: var(--text); position: relative; }
html.js .verse:not([data-ready]) { opacity: 0; }
.verse[data-ready] { animation: fade-in var(--t) both; }
.verse .sh { display: block; width: max-content; max-width: 100%; text-wrap: balance; }
.verse .sadr, .verse .line { margin-inline-end: auto; }
.verse .ajz { margin-inline-start: auto; margin-top: var(--shatr-gap); }
/* متقابل: صدر يمين وعجز يسار في سطر واحد */
.verse[data-mode="facing"] { display: flex; justify-content: space-between; align-items: flex-start; }
.verse[data-mode="facing"] .sh { margin: 0; flex: none; text-wrap: wrap; white-space: nowrap; }
.verse[data-mode="facing"] .ajz { margin-top: 0; }
.verse.is-line .line { margin-inline: 0; width: auto; }
.verse .w { display: inline; }

.poem-body { counter-reset: v; }
.heading-line { font-family: var(--poem-font); font-size: calc(var(--poem-size) * .95); font-weight: 700; color: var(--primary); text-align: center; margin: 0 0 var(--verse-gap); }
.divider-line { text-align: center; color: var(--primary); letter-spacing: .6em; margin: 0 0 var(--verse-gap); font-size: calc(var(--poem-size) * .8); opacity: .8; }

/* ترقيم الأبيات وزخرفتها (CSS فقط ليعمل في المحرر والقراءة) */
html[data-numbers="1"] .poem-body .numbered { counter-increment: v; }
html[data-numbers="1"] .poem-body .numbered::before {
  content: counter(v, arabic-indic); position: absolute; inset-inline-start: -26px; top: .35em; font-family: var(--ui-font); font-size: .55em; color: var(--primary); opacity: .85; min-width: 18px; text-align: center;
}
html[data-ornament="1"] .poem-body .numbered:not(:last-child)::after {
  content: "٭ ٭ ٭"; position: absolute; inset-inline: 0; bottom: calc(var(--verse-gap) / -2); transform: translateY(50%); text-align: center; color: var(--primary); opacity: .6; font-size: .55em; letter-spacing: .4em; pointer-events: none;
}

/* متقابل مع التفاف الشطرين (الشاشات الضيقة) */
.verse.is-wrap[data-mode="facing"] .sh { text-align: start; line-height: 1.7; }
.verse.is-wrap[data-mode="facing"] .ajz { text-align: end; }