/**
 * utilities.css — small opt-in helpers (prefer tokens + components for patterns).
 */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.stack > * + * {
  margin-top: var(--space-4);
}

.flow > * + * {
  margin-top: var(--space-5);
}

.max-w-none {
  max-width: none;
}

.text-balance {
  text-wrap: balance;
}

.u-mt-6 {
  margin-top: var(--space-6);
}

.u-mt-8 {
  margin-top: var(--space-8);
}

.u-mb-6 {
  margin-bottom: var(--space-6);
}