/* ============================================================
   MAVORA — v69 premium layer: airy, pared-back, high-end
   Complements the copy-trim pass. Unlayered => wins over Tailwind.
   Rollback: remove link + delete file.
   ============================================================ */

/* ---------- 1. Vertical rhythm: generous section air ---------- */
[class*="py-24"] { padding-block: 7.5rem; }   /* 96 -> 120px */
[class*="py-20"] { padding-block: 6.5rem; }   /* 80 -> 104px */
[class*="py-16"] { padding-block: 5rem; }     /* 64 -> 80px   */
[class*="py-14"] { padding-block: 4.5rem; }   /* 56 -> 72px   */

/* ---------- 2. Section headings: larger, tighter, more presence ---------- */
h2 {
  line-height: 1.12;
  letter-spacing: -0.01em;
}
@media (min-width: 640px) {
  h2[class*="sm:text-4xl"] { font-size: 2.8rem; }
  h2[class*="sm:text-3xl"] { font-size: 2.35rem; }
}
h3 {
  line-height: 1.2;
  letter-spacing: -0.005em;
}

/* ---------- 3. Reading comfort ---------- */
main p {
  line-height: 1.72;
}
/* no orphaned empty paragraphs after copy trim */
main p:empty {
  display: none;
}

/* ---------- 4. Card text area breathes; meta subdued ---------- */
article.group .mt-4 {
  margin-top: 1.1rem;
}
article.group .text-\[11px\],
article.group .text-\[12px\],
article.group .text-xs {
  color: #8a837a;
}

/* ---------- 5. Reduced motion: this layer is static anyway ---------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}