/* Custom styles for Terms and Privacy FAQ items with smooth animations */
.legal-faq .faq-answer.legal-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
    padding-top: 0;
    padding-bottom: 0;
}

/* When expanded (using active class), animate to show full content */
.legal-faq .faq-answer.legal-content.active {
    max-height: 3000px;
    /* Large enough for all legal content */
    opacity: 1;
    overflow: visible;
    transition: max-height 0.6s ease-in, opacity 0.4s ease-in, padding 0.3s ease-in;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.legal-faq .faq-answer h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 16px;
    color: inherit;
}

.legal-faq .faq-answer p {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.legal-faq .faq-answer ul.feature-list {
    margin-bottom: 1rem;
}

.legal-faq .faq-answer ul.feature-list li {
    margin-bottom: 0.5rem;
}