/* Remove ugly focus outline for links and clickable elements */
a:focus,
a:active,
div:focus,
button:focus,
.card:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Fix for clickable cards (like your UI box) */
a,
.card,
.clickable,
[tabindex] {
    outline: none;
}

/* Optional: smoother UI (recommended) */
a,
.card {
    transition: all 0.2s ease-in-out;
}

    /* OPTIONAL: add nice hover instead of border */
    a:hover .card,
    .card:hover {
        box-shadow: 0 0 8px rgba(0,0,0,0.15);
    }