/* ========================
   UTILITIES — Single-purpose classes
   ======================== */

.text-center { text-align: center; }
.text-muted { color: var(--color-text-muted); }

.font-heading { font-family: var(--font-heading); }
.font-mono { font-family: var(--font-mono); }

.step--1 { font-size: var(--step--1); }
.step-0 { font-size: var(--step-0); }
.step-1 { font-size: var(--step-1); }
.step-2 { font-size: var(--step-2); }
.step-3 { font-size: var(--step-3); }
.step-4 { font-size: var(--step-4); }

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.flow > * + * {
    margin-block-start: var(--flow-space, 1em);
}