@charset "utf-8";

/* ============================================================
   SAHIFAH — WORDPRESS BLOCK MARKUP
   ------------------------------------------------------------
   Where the block editor's output differs from the mockup's markup,
   this layer makes the difference inert, so the ported component
   CSS applies exactly as it does in the mockup. It adds nothing
   visual of its own.

   Written from a selector audit (2026-09-23): every rule in Divi
   5.13.1's style-static.min.css, the Divi Customizer CSS and the
   WordPress 7.1 block styles, run against the rendered templates.
   Each rule below quotes what it answers. Everything else the audit
   found is already answered by divi-reset.css or outranked by the
   components.
   ============================================================ */

/* Footnote references.
   The mockup's reference is the link alone: .footnote-ref raises
   itself (vertical-align: super). WordPress wraps it in
   <sup class="fn">, which the browser raises too, and so does Divi:
     sup { position: relative; bottom: .8em; height: 0; line-height: 1 }
     sup { font-size: 100% }   (its reset)
   Left alone, the number would be lifted twice. The wrapper is made
   inert, so .footnote-ref alone places it, as designed.            */
.prose sup.fn {
  position: static;
  bottom: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}

/* Image captions.
   WordPress: .wp-block-image :where(figcaption) { margin-top: .5em;
   margin-bottom: 1em }. .prose figcaption sets the top margin and
   wins; the bottom margin leaks through, adding space under every
   captioned image that the mockup's figure does not have.          */
.prose .wp-block-image figcaption {
  margin-bottom: 0;
}