/* Card depth: solid white cards, no transparency, no glassmorphism. */
body.bg-light {
    background-color: #f1f3f6;
}

.card.bg-white,
.my-3.bg-white.shadow-sm.rounded-xl,
.my-3.p-0.bg-white.shadow-sm.rounded-xl,
.my-0.p-0.bg-white.shadow-sm.rounded-xl {
    background-color: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(0, 0, 0, 0.06),
        0 4px 8px rgba(0, 0, 0, 0.05),
        0 12px 24px rgba(0, 0, 0, 0.05);
}

/* Hover lift only for the publication card containers that contain real paper links. */
.my-3.p-0.bg-white.shadow-sm.rounded-xl,
.my-0.p-0.bg-white.shadow-sm.rounded-xl {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.my-3.p-0.bg-white.shadow-sm.rounded-xl:hover,
.my-0.p-0.bg-white.shadow-sm.rounded-xl:hover {
    transform: translateY(-3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 4px rgba(0, 0, 0, 0.07),
        0 8px 16px rgba(0, 0, 0, 0.09),
        0 18px 36px rgba(0, 0, 0, 0.10);
}

@media (prefers-reduced-motion: reduce) {
    .my-3.p-0.bg-white.shadow-sm.rounded-xl,
    .my-0.p-0.bg-white.shadow-sm.rounded-xl {
        transition: none;
    }

    .my-3.p-0.bg-white.shadow-sm.rounded-xl:hover,
    .my-0.p-0.bg-white.shadow-sm.rounded-xl:hover {
        transform: none;
    }
}