.container {
  width: var(--container-width);
  margin-inline: auto;
}

.container--narrow {
  width: min(var(--content-width), calc(100% - 40px));
  margin-inline: auto;
}

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

.section--compact {
  padding-block: clamp(3rem, 5vw, 5rem);
}

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

.stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap, var(--space-6));
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cluster-gap, var(--space-4));
}
