/* Utilities */
.u-mt-0 { margin-top: 0; }
.u-mt-2 { margin-top: var(--us-s-2); }
.u-mt-4 { margin-top: var(--us-s-4); }
.u-mt-6 { margin-top: var(--us-s-6); }
.u-mt-8 { margin-top: var(--us-s-8); }
.u-mt-12 { margin-top: var(--us-s-12); }
.u-mb-0 { margin-bottom: 0; }
.u-mb-2 { margin-bottom: var(--us-s-2); }
.u-mb-4 { margin-bottom: var(--us-s-4); }
.u-mb-6 { margin-bottom: var(--us-s-6); }
.u-mb-8 { margin-bottom: var(--us-s-8); }
.u-flex { display: flex; }
.u-grid { display: grid; }
.u-gap-2 { gap: var(--us-s-2); }
.u-gap-4 { gap: var(--us-s-4); }
.u-gap-6 { gap: var(--us-s-6); }
.u-items-center { align-items: center; }
.u-justify-center { justify-content: center; }
.u-justify-between { justify-content: space-between; }
.u-text-primary { color: var(--us-primary); }
.u-text-muted { color: var(--us-muted); }
.u-text-center { text-align: center; }
.u-bg-soft { background: var(--us-soft); }
.u-hide-md { display: block; }
@media (min-width: 768px) { .u-hide-md { display: none; } }
.u-show-md { display: none; }
@media (min-width: 768px) { .u-show-md { display: block; } }
.u-max-prose { max-width: 68ch; }
.u-rounded { border-radius: var(--us-r-md); }
.u-rounded-lg { border-radius: var(--us-r-lg); }
.u-aspect-video { aspect-ratio: 16/9; }
.u-aspect-square { aspect-ratio: 1; }
.u-object-cover { object-fit: cover; }
.u-full { width: 100%; }