.animated-collapse {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transform: translateY(-4px);
    transition:
            grid-template-rows 300ms ease,
            opacity 300ms ease,
            transform 300ms ease;
}

.animated-collapse.show {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
}

.animated-collapse-content {
    overflow: hidden;
    min-height: 0;
}

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