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

.u-m-0 { margin: 0 !important; }
.u-mt-2 { margin-top: var(--k-space-2) !important; }
.u-mt-4 { margin-top: var(--k-space-4) !important; }
.u-mt-6 { margin-top: var(--k-space-6) !important; }
.u-mt-8 { margin-top: var(--k-space-8) !important; }
.u-mt-12 { margin-top: var(--k-space-12) !important; }
.u-mb-4 { margin-bottom: var(--k-space-4) !important; }
.u-mb-8 { margin-bottom: var(--k-space-8) !important; }

.u-gap-2 { gap: var(--k-space-2) !important; }
.u-gap-3 { gap: var(--k-space-3) !important; }
.u-gap-4 { gap: var(--k-space-4) !important; }
.u-gap-6 { gap: var(--k-space-6) !important; }
.u-gap-8 { gap: var(--k-space-8) !important; }

.u-text-secondary { color: var(--k-text-secondary) !important; }
.u-text-accent { color: var(--k-accent-strong) !important; }
.u-fw-semibold { font-weight: var(--k-weight-semibold) !important; }
.u-fw-bold { font-weight: var(--k-weight-bold) !important; }

.u-radius-lg { border-radius: var(--k-radius-lg) !important; }
.u-shadow-md { box-shadow: var(--k-shadow-md) !important; }

.u-flex { display: flex !important; }
.u-wrap { flex-wrap: wrap !important; }
.u-center-items { align-items: center !important; }
.u-between { justify-content: space-between !important; }

@media (max-width: 760px) {
    .u-mobile-stack {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}