/* One content edge for navigation, panels and footer. */
:root { --site-gutter: max(48px, calc((100% - 1200px) / 2)); }
body.site-layout .site-header,
body.site-layout .site-footer,
body.site-layout main > section {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding-left: var(--site-gutter);
  padding-right: var(--site-gutter);
}
body.site-layout main > section {
  padding-top: 64px;
  padding-bottom: 64px;
  scroll-margin-top: 100px;
}
body.site-layout main > .enterprise-hero,
body.site-layout main > .contact-hero { min-height: 0; }
body.site-layout main .section-intro { display: block; }
/* Reset the old grid layout's negative eyebrow margin. */
body.site-layout main .section-intro > .eyebrow,
body.site-layout main .fold-copy > .eyebrow,
body.site-layout main .cta-copy > .eyebrow,
body.site-layout main .hero-intro > .eyebrow {
  display: block;
  margin: 0 0 20px;
  max-width: none;
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}
body.site-layout main .section-intro > h1,
body.site-layout main .section-intro > h2 { margin-top: 0; }
body.site-layout main .section-intro > p:not(.eyebrow) { margin-top: 20px; }
body.site-layout main > section > .eyebrow { grid-column: 1 / -1; margin: 0 0 20px; }
body.site-layout .section-intro > .hero-actions { margin-top: 24px; }
/* Centre the text blocks themselves, not just text within legacy narrow columns. */
body.site-layout .pricing-heading { max-width: none; }
body.site-layout .pricing-heading > .eyebrow { text-align: left; }
body.site-layout .pricing-heading > p {
  max-width: none;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  :root { --site-gutter: 32px; }
}
@media (max-width: 760px) {
  :root { --site-gutter: 24px; }
  body.site-layout main > section { padding-top: 44px; padding-bottom: 44px; }
  body.site-layout .enterprise-hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}