.collapsible {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

    .collapsible.open {
        max-height: 500px; /* Or however tall your content might be */
    }

.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0rem; /* optional for spacing */
}

    .header-row button {
        font-size: 1rem; /* or match h4's font-size if custom */
        padding: 0rem 0rem; /* optional for better appearance */
    }