/* FAQ panels inside #faq-container only.
   Bootstrap collapse writes inline pixel heights, then waits for a transition
   on this element before it removes .collapsing and fires shown/hidden.
   height: auto !important would cancel those inline heights, so a closing
   panel would stay full size until the fallback timer. overflow: visible
   would stop .collapsing from clipping that content. transition: none keeps
   the inline heights, the clip, and the class lifecycle, and the plugin
   completes on its zero-duration fallback. */

#faq-container .accordion-collapse.collapsing {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    #faq-container .accordion-collapse.collapsing {
        transition: none;
    }
}