/* ==========================================================================
   ROI Calculator Page (page ID 5460, slug `roi-calculator`)
   Scoped to body.page-id-5460. Tokens and utilities come from
   _design-system.css (body class `cb-ds`); above-header bar is hidden via
   the `cb-no-above-header` opt-in class (also from _design-system.css).
   ========================================================================== */

/* --- Intro Section --- */
/* .section-wrap from _design-system.css already handles padding + centering.
   No extra rules needed at this stage; subsequent Tier 1 work can add
   spacing tweaks between the headings, info-box, and (future) CTA here. */

/* --- Calculator Section --- */
/* Replaces the old wp:columns 2px-border column treatment. The Spectra
   container's inner-blocks-wrap becomes the bordered "card" around the
   [roi_calculator] shortcode, narrower than the full --section-max-w so
   the form doesn't stretch awkwardly wide. */
body.page-id-5460 .roi-calculator-section .uagb-container-inner-blocks-wrap {
  max-width: 760px;
  border: 2px solid var(--ast-global-color-0);
  border-radius: 10px;
  padding: 40px;
  background: #ffffff;
}

@media (max-width: 768px) {
  body.page-id-5460 .roi-calculator-section .uagb-container-inner-blocks-wrap {
    padding: 24px;
    border-radius: 8px;
  }
}

/* Tighten the gap between the calculator section and the intro/outro that
   sandwich it — three full --section-py blocks back-to-back is too airy. */
body.page-id-5460 .roi-calculator-section {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media (max-width: 768px) {
  body.page-id-5460 .roi-calculator-section {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* --- Outro Section --- */
/* Constrain the long-form outro paragraph to a readable measure rather than
   letting it stretch to the full --section-max-w (1200px is hard to read). */
body.page-id-5460 .roi-outro .uagb-container-inner-blocks-wrap {
  max-width: 760px;
}

body.page-id-5460 .roi-outro .uagb-ifb-desc {
  text-align: left;
  line-height: 1.7;
}