/* Shared content edges; section backgrounds remain full width. */
:root {
  --page-content-width: 1280px;
  --page-content-gutter: 48px;
}
.wrap,
.site-header .wrap,
.hero .wrap,
.product-demo > .wrap,
.setup-wrap,
.support-wrap {
  box-sizing: border-box;
  width: var(--page-content-width);
  max-width: calc(100% - var(--page-content-gutter) * 2);
  margin-inline: auto;
}
@media (max-width: 1100px) {
  :root { --page-content-gutter: 32px; }
}
@media (max-width: 700px) {
  :root { --page-content-gutter: 20px; }
}