/* ============================================================
   v126 — PAGE H1 EDITORIAL CONFIDENCE
   ============================================================ */

/* Page H1 — clamp from 38px mobile to 80px wide-desktop.
   Maintains tight tracking from v123. Preserves Fraunces display family. */
body .pz-page-h1,
body h1.entry-title,
body .entry-content h1.entry-title {
  font-size: clamp(2.4rem, 1.4rem + 3.2vw, 4.5rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.022em !important;
  text-wrap: balance !important;
  /* Generous breathing room — premium sites give H1 space */
  margin-bottom: clamp(1rem, 0.6rem + 1vw, 1.8rem) !important;
}

/* Make sure the H1 doesn't get cropped on narrow viewports */
@media (max-width: 480px) {
  body .pz-page-h1,
  body h1.entry-title {
    font-size: clamp(2.1rem, 5.5vw, 2.8rem) !important;
    line-height: 1.08 !important;
  }
}

/* Display-style H1 on long-form post bodies — even more confident.
   pz-clean-post is the long-form reading mode applied to guides. */
body.pz-clean-post .entry-title,
body.pz-clean-post .pz-page-h1,
body.pz-clean-post .pz-injected-h1 {
  font-size: clamp(2.5rem, 1.6rem + 3.4vw, 5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.024em !important;
  margin-bottom: clamp(1.2rem, 0.8rem + 1.2vw, 2.2rem) !important;
}

/* Increase top breathing room above H1 on pages where it's the first
   significant content. Generous whitespace above H1 = premium editorial. */
body .pz-page-h1,
body h1.entry-title {
  margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.8rem) !important;
}