/* Shared V1 section rhythm.
   Keep each component's internal layout independent while making every
   transition after Numbers That Matter visually consistent. */
:root {
  --c1-section-space-top: 64px;
  --c1-section-space-bottom: 64px;
  --c1-section-space-lifted: 24px;
  --c1-section-space-faq: 16px;
}

.mcrm-about {
  padding-bottom: var(--c1-section-space-bottom);
}

.c1-welcome,
.c1-fit,
.c1-booking,
.mcrm-faq,
.c1-final,
.c1-footer {
  min-height: 0;
  padding-top: var(--c1-section-space-top);
  padding-bottom: var(--c1-section-space-bottom);
}

/* These headings follow sections that already carry their own closing space.
   A smaller leading inset keeps the transition intentional instead of adding
   two full section gutters back-to-back. */
.c1-welcome,
.c1-fit,
.c1-booking {
  padding-top: var(--c1-section-space-lifted);
}

.mcrm-faq {
  padding-top: var(--c1-section-space-faq);
}

@media (max-width: 1024px) {
  :root {
    --c1-section-space-top: 56px;
    --c1-section-space-bottom: 60px;
    --c1-section-space-lifted: 22px;
    --c1-section-space-faq: 14px;
  }

  .mcrm-about {
    min-height: 0;
    /* The original tablet About footer already includes 30px of internal
       bottom space around its socials. */
    padding-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :root {
    --c1-section-space-top: 32px;
    --c1-section-space-bottom: 32px;
    --c1-section-space-lifted: 16px;
    --c1-section-space-faq: 8px;
  }

  .mcrm-about {
    /* Legacy mobile socials include 30px of internal bottom space. */
    padding-bottom: 18px;
  }

  .c1-final {
    padding-bottom: 20px;
  }

  .c1-footer {
    padding-top: 20px;
    padding-bottom: 24px;
  }
}