/* Base accordion item styles */
.question-item {
    border-radius: 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.question-item:hover {
    border-color: #d1d5db;
}

.question-item .heading {
    user-select: none;
}

/* Base Arrow Icon Styles */
.question-item .heading i.ph {
    display: inline-block;
    /* Ultra-fast, sharp ease-in-out curve */
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fix: Rotates the right-facing caret 90 degrees downward when open */
.question-item.active .heading i.ph-caret-right {
    transform: rotate(90deg) !important;
}

/* Hidden Content State */
.question-item .content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    line-height: 1.9;
    /* Dropped to 0.18s with a high-velocity ease-in-out curve 
       so it pops open instantly but breaks softly at the absolute end. */
    transition: 
        max-height 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.1s ease-in-out,
        margin-top 0.1s ease-in-out;
}

/* Active Content State */
.question-item.active .content {
    opacity: 1;
    margin-top: 15px;
}

/* Active Card Shadow */
.question-item.active {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}