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

.stack-sm > * + * { margin-top: var(--space-3); }
.stack-md > * + * { margin-top: var(--space-4); }
.stack-lg > * + * { margin-top: var(--space-6); }

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.cluster.middle { align-items: center; }
.cluster.between { justify-content: space-between; }

.wrap { flex-wrap: wrap; }

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

.media-grid {
  display: grid;
  gap: var(--space-4);
}

.media-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.media-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }