/* utilities.css — tiny single-purpose helpers that replace one-off inline
 * styles. Keep this list SHORT; if a pattern repeats, promote it to a
 * component class instead of scattering utilities. */

.hidden { display: none !important; }

.view { display: none; }
.view.active { display: block; }

.mb-2 { margin-bottom: var(--sp-2); }
.mt-2 { margin-top: var(--sp-2); }
.mt-3 { margin-top: var(--sp-3); }
.mt-4 { margin-top: var(--sp-4); }