/*
 * Accordion card - the white plate a native <details> sits on: the FAQ item
 * (26-faq.css) and the programme block (35-course-program.css) were written
 * with an identical body, so it lives here once. Deepens its shadow both on
 * hover and while open, which is the whole difference from .lift-card: the
 * plate never moves, because it grows downwards when it opens.
 *
 * As with .lift-card, the class stands alongside the block's own BEM class
 * and the section file may override it.
 */

.accordion-card {
    padding: 1.25vw 1.67vw;
    background: var(--color-surface);
    border-radius: var(--radius);
    box-shadow: var(--shadow-card);
    transition: box-shadow 0.2s ease;
}

.accordion-card:hover,
.accordion-card[open] {
    box-shadow: var(--shadow-accordion-open);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-card {
        transition: none;
    }
}

@media only screen and (max-width: 767.98px) {
    .accordion-card {
        padding: 4vw 5.33vw;
    }
}