/* Small single-purpose helpers. */

@layer utilities {
    .muted { color: var(--muted); }
    .nowrap { white-space: nowrap; }
    .tabular { font-variant-numeric: tabular-nums; }
    .mt-2 { margin-block-start: var(--space-2); }
    .mt-3 { margin-block-start: var(--space-3); }
    .mt-4 { margin-block-start: var(--space-4); }
    .flow > * + * { margin-block-start: var(--space-3); }
    .row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }

    /* Content that needs JS is hidden until main.js adds .js to <html> */
    html:not(.js) .needs-js { display: none !important; }
}