/* ------------------------------------------------------------------
 * Theme fixes - loaded AFTER assets/site.css.
 *
 * WordPress ships an UNLAYERED rule `:where(figure){margin:0 0 1em}`
 * (classic-theme-styles). In the CSS cascade, UNLAYERED rules beat
 * rules inside @layer - and Tailwind v4 puts its utilities in
 * @layer utilities. So on a <figure>, WordPress won: the About
 * 'Birth Of Zac' testimonial lost mx-auto centering (margin-inline:0
 * -> left) and its top gap (margin-top:0 -> up). Every other card is
 * a <div>, so only this one broke.
 *
 * Re-assert the intended layout with an unlayered, higher-specificity
 * rule. Values mirror the card's utilities: mt-10 (2.5rem) /
 * md:mt-12 (3rem) + mx-auto centering.
 * ------------------------------------------------------------------ */
figure.testimonial-card { margin: 2.5rem auto 0; }
@media (min-width: 768px) { figure.testimonial-card { margin-top: 3rem; } }