/* User-approved compact spacing across Dev 2, 25 September 2026.
   A density variant of the corporate guide: preserve type, control sizing,
   horizontal gutters, media composition and card interiors. */
.food2go-build-two,.bryks-page {
  --site-section-space: 32px;
  --site-intro-gap: 24px;
  --site-hero-space: 32px;
}
.bryks-page { overflow-wrap: anywhere; }
@media (min-width:768px) {
  .food2go-build-two,.bryks-page { --site-section-space: 40px; --site-hero-space: 40px; }
}
@media (min-width:1200px) {
  .food2go-build-two,.bryks-page { --site-section-space: 56px; --site-intro-gap: 32px; --site-hero-space: 48px; }
}

/* The previously refined pages consume these tokens in their own sections. */
.food2go-build-two :is(
 .ordering-occasions,.lr-tier-section,.qsr-journeys,.qsr-platform,.qsr-proof,
 .pricing-plan-section,.pricing-pay-section,.integration-directory,.pay-commercial,
 .news-archive,.case-study-content,.case-study-story,.case-study-platform,.case-study-outcome,
 .news-article-reading,.news-article-neighbours,.legal-layout,.onboarding-complete-main
) { padding-block: var(--site-section-space); }

/* Existing shallow bands stay shallow. */
.food2go-build-two :is(.pubs-benefits,.pubs-connected,.pubs-proof,.case-study-results) { padding-block: min(var(--site-section-space),48px); }
.food2go-build-two .tech-sdk { padding-block: min(var(--site-section-space),48px); }
.food2go-build-two .tech-access { padding-block: min(var(--site-section-space),32px); }
.food2go-build-two :is(.book-demo-process,.integration-partner-cta,.pricing-page-cta,.f2g-faq) { padding-block: 32px; }
.food2go-build-two .news-cta { padding-bottom: var(--site-section-space); }

/* Hero spacing is content-driven; illustrated and animated stages keep their dimensions. */
.food2go-build-two :is(.ordering-hero,.qsr-hero,.pricing-page-hero,.book-demo-hero,.legal-hero):not(.integrations-overlay-hero),
.food2go-build-two .pay-page--refined .pay-hero { padding-top: var(--site-hero-space); padding-bottom: var(--site-section-space); }
.food2go-build-two .tech-hero { padding-top: var(--site-hero-space); }
.food2go-build-two .case-study-hero-copy { padding-block: var(--site-hero-space); }
.food2go-build-two .news-hero-inner { padding-top: var(--site-hero-space); padding-bottom: calc(var(--site-section-space) + 32px); }

/* Tighten the gap after section introductions, without changing their typography. */
.food2go-build-two :is(.pricing-plan-heading,.news-archive-heading,.case-study-platform-heading) { margin-bottom: var(--site-intro-gap); }
.food2go-build-two .case-study-story-heading { margin-bottom: min(var(--site-intro-gap),28px); }
.food2go-build-two .integration-page-heading { margin-bottom: min(var(--site-intro-gap),28px); }
.food2go-build-two .news-archive-heading { padding-bottom: 24px; }
.food2go-build-two .qsr-journey-grid { margin-top: var(--site-intro-gap); }
.food2go-build-two .sector-source-section .qsr-journey-grid { margin-top: 0; }
.food2go-build-two main[class] :is(.ordering-source-heading,.lr-tier-heading-clean,.lr-connected-heading,.ops-section-heading,.qsr-section-heading) > p { margin-bottom: 0; }

/* Prose had padding plus margins separating adjacent sections. */
.food2go-build-two .legal-copy > section:not(:last-child) { padding-bottom: var(--site-intro-gap); margin-bottom: var(--site-intro-gap); }
.food2go-build-two .news-article-heading { margin-top: var(--site-intro-gap); }
.food2go-build-two .case-study-quote { margin-block: var(--site-intro-gap); }