/* ===== Utilities ===== */
.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .5rem
}

.mt-2 {
    margin-top: 1rem
}

.mt-3 {
    margin-top: 1.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .5rem
}

.mb-2 {
    margin-bottom: 1rem
}

.mb-3 {
    margin-bottom: 1.5rem
}

.grid {
    display: grid;
    gap: 1rem
}

.grid-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media (max-width:800px) {
    .grid-2 {
        grid-template-columns: 1fr
    }
}

.center {
    display: flex;
    align-items: center;
    justify-content: center
}

.right {
    display: flex;
    justify-content: flex-end
}

.hide {
    display: none !important
}

/* Focus ring utility for key elements */
.focus-ring:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(124,92,255,.35)
}