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

.section {
  padding-block: var(--space-8);
}

.section-tight {
  padding-block: var(--space-7);
}

.section-soft {
  background: var(--surface-soft);
}

.split {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr 1fr;
}

.grid-3 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(3, 1fr);
}

.grid-2 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(2, 1fr);
}

.stack {
  display: grid;
  gap: var(--space-4);
  align-content: start;
}