/* Base styles for the clickable header */
.qna-accordion-header {
    cursor: pointer;
    position: relative;
    user-select: none;
}

/* Optional: Add a simple plus/minus indicator using pseudo-elements */
.qna-accordion-header::after {
    content: '>';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.qna-accordion-item.is-open .qna-accordion-header::after {
    content: 'v';
}

/* 
 * Modern Grid animation for the accordion content.
 * Transitions grid-template-rows from 0fr to 1fr.
 */
.qna-accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
}

/* Ensure inner content is hidden when parent is 0fr */
.qna-accordion-content > * {
    overflow: hidden;
}

/* Open state overrides */
.qna-accordion-item.is-open .qna-accordion-content {
    grid-template-rows: 1fr;
}