/* V1 — Utilities */

.text-center { text-align: center; }
.text-center > p,
.text-center > .lead { margin-inline: auto; }
.text-soft  { color: var(--ink-soft); }
.text-muted { color: var(--ink-muted); }
.text-accent { color: var(--accent); }

.bg-surface { background: var(--bg-surface); }
.bg-deep    { background: var(--bg-deep); }

.italic { font-style: italic; }

.mt-2  { margin-top: 8px; }
.mt-4  { margin-top: 16px; }
.mt-6  { margin-top: 24px; }
.mt-8  { margin-top: 32px; }
.mt-12 { margin-top: 48px; }
.mt-16 { margin-top: 64px; }

.mb-4  { margin-bottom: 16px; }
.mb-8  { margin-bottom: 32px; }

.w-full { width: 100%; }
.max-w-prose { max-width: 60ch; }

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

.hidden { display: none; }

@media (max-width: 860px) { .hide-mobile { display: none; } }
@media (min-width: 861px) { .hide-desktop { display: none; } }