.container {
  width: min(calc(100% - (var(--gutter) * 2)), var(--container));
  margin-inline: auto;
}

.content-width { max-width: var(--content); }

.section { padding-block: var(--section-space); }
.section--sm { padding-block: var(--section-space-sm); }
.section--alt { background: var(--color-surface-alt); }

.grid { display: grid; gap: clamp(24px, 3vw, 40px); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.stack > * + * { margin-top: 24px; }

.site-main { min-height: 60vh; }
.entry-header { padding-top: clamp(56px, 7vw, 96px); padding-bottom: 40px; }
.entry-content > :where(:not(.alignwide):not(.alignfull)) { width: min(calc(100% - (var(--gutter) * 2)), var(--content)); margin-inline: auto; }
.entry-content > .alignwide { width: min(calc(100% - (var(--gutter) * 2)), var(--container)); margin-inline: auto; }
.entry-content > .alignfull { width: 100%; }

@media (max-width: 767px) {
  .grid--2,
  .grid--3 { grid-template-columns: 1fr; }
}