/* --- Card Animations & Styling --- */
.card {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover,
.card:focus-within {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.card .badge {
    cursor: pointer;
}

.card {
    cursor: pointer;
}

/* --- Accessibility --- */

@media (prefers-reduced-motion: reduce) {
    *,
    *::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}