/* @label.en Poem
   @description.en A poem: each stanza a paragraph, its lines broken with Shift+Enter. The stanzas are
   set apart by ∞, and the poem closes with ∞∞∞.

   @label.he שיר
   @description.he שיר: כל בית פסקה, והשורות בו נשברות ב־Shift+Enter. בין הבתים מפריד ∞, ובסוף השיר
   ∞∞∞.

   @example
   <div class="block-style-poem"><p>שקט<br>כמו שמיכה<br>ראשית עוטף מבחוץ</p><p>בהדרגה מחלחל פנימה<br>ומתפשט<br>לכל הגוף</p></div> */
@layer components {
  /* As wide as its longest line, so the ∞ centres on the poem rather than the column. */
  .lexxy-content div.block-style-poem {
    inline-size: fit-content;
    max-inline-size: 100%;
    margin-block: var(--block-space-double);
    font-size: 1.08em;
    > p { margin: 0; line-height: 1.5; }
    > p + p::before,
    > p:last-child::after {
      display: block;
      margin-block: 1em;
      text-align: center;
      font-size: 1.3em;
      line-height: 1;
      color: var(--color-muted);
    }
    > p + p::before { content: "∞"; }
    > p:last-child::after { content: "∞ ∞ ∞"; }
  }
}