.m3-list-card {
        transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }
    @media (hover: hover) {
        .m3-list-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            filter: brightness(0.97); /* Creates a subtle interactive surface state tint across both light & dark modes */
        }
    }