:root {
  --site-content-max: 1180px;
  --site-gutter: 24px;
  --site-section-gap: 32px;
}

.site-container,
.site-wrap {
  width: min(var(--site-content-max), calc(100% - var(--site-gutter) - var(--site-gutter)));
  margin-inline: auto;
}

@media (max-width: 700px) {
  :root {
    --site-gutter: 16px;
  }
}