.u-mt-0 { margin-top: 0 !important; }
.u-mt-2 { margin-top: var(--s-2) !important; }
.u-mt-4 { margin-top: var(--s-4) !important; }
.u-mt-6 { margin-top: var(--s-6) !important; }
.u-mt-8 { margin-top: var(--s-8) !important; }

.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-4 { margin-bottom: var(--s-4) !important; }
.u-mb-6 { margin-bottom: var(--s-6) !important; }

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

.u-hide { display: none !important; }
@media (max-width: 640px) { .u-hide-mobile { display: none !important; } }
@media (min-width: 641px) { .u-hide-desktop { display: none !important; } }

.u-max-prose { max-width: 65ch; }
.u-max-narrow { max-width: 48ch; }

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