.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.stack-sm {
  display: grid;
  gap: 0.6rem;
}

.stack-md {
  display: grid;
  gap: 0.8rem;
}

.stack-lg {
  display: grid;
  gap: 1.2rem;
}

.ink-strong {
  color: var(--color-ink-950);
}

.muted {
  color: var(--color-ink-500);
}

.accent {
  color: var(--color-accent-700);
}

.surface-tone {
  background: color-mix(in oklch, var(--color-accent-050) 55%, white);
}

.tight-measure {
  max-width: 46ch;
}

.wide-measure {
  max-width: 72ch;
}

.centered {
  justify-items: start;
}

@media (min-width: 48rem) {
  .centered {
    justify-items: center;
    text-align: center;
  }
}