.u-m0 { margin: 0; }
.u-mt8 { margin-top: 8px; }
.u-mt12 { margin-top: 12px; }
.u-mt16 { margin-top: 16px; }
.u-mt20 { margin-top: 20px; }
.u-mt26 { margin-top: 26px; }
.u-mb0 { margin-bottom: 0; }
.u-mb10 { margin-bottom: 10px; }
.u-mb16 { margin-bottom: 16px; }
.u-center { text-align: center; }

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

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

.u-max-60ch { max-width: 60ch; }
.u-muted { color: var(--ds-text-muted); }
.u-dim { color: var(--ds-text-dim); }

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