/* One centered content grid across every full-width site region. */
:root {
  --site-content-width: 1400px;
  --site-gutter: max(20px, calc((100vw - var(--site-content-width)) / 2));
}

body .site-shell > .site-header,
body .site-shell main > .hero,
body .site-shell main > .process-band,
body .site-shell main > .section,
body .site-shell main > .faq,
body .site-shell main > .final-cta,
body .site-shell > footer {
  padding-left: var(--site-gutter);
  padding-right: var(--site-gutter);
}

@media (max-width: 767px) {
  :root { --site-gutter: 20px; }
}