/*
 * ContentRights — custom overrides
 *
 * Reduces section vertical padding by ~50% on desktop breakpoints
 * to eliminate excessive gaps between page sections.
 * Loaded after the main Tailwind stylesheet so these rules win.
 */

/* ── Base (mobile) ──────────────────────────────────────────── */

/* Inner-page hero top padding (mobile) */
.pt-\[120px\] { padding-top: 60px; }
/* Inner-page hero bottom padding (mobile) */
.pb-\[60px\]  { padding-bottom: 30px; }

/* ── md breakpoint (≥ 720px) ────────────────────────────────── */
@media (min-width: 720px) {
  /* Content sections */
  .md\:py-\[120px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* Inner-page hero */
  .md\:pt-\[130px\] { padding-top: 65px; }
}

/* ── lg breakpoint (≥ 960px) ────────────────────────────────── */
@media (min-width: 960px) {
  /* Content sections */
  .lg\:py-\[110px\] {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .lg\:py-\[115px\] {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .lg\:pt-\[120px\] { padding-top: 60px; }
  .lg\:pb-\[90px\]  { padding-bottom: 45px; }

  /* Inner-page hero — keep enough clearance for the sticky nav */
  .lg\:pt-\[160px\] { padding-top: 90px; }
}