/* ========================================
   FAQ COMPACT SIZING - GLOBAL OVERRIDE
   Ensures all FAQ boxes are smaller site-wide
   ======================================== */

/* Target all FAQ items across the site */
.faq-item,
.faq-box,
.faq-card,
[class*="faq-"] {
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.625rem !important;
    border-radius: 6px !important;
}

/* FAQ Questions - Smaller font and spacing */
.faq-question,
.faq-item h3,
.faq-item h4,
.faq-box h3,
[class*="faq-question"] {
    font-size: 1rem !important;
    margin-bottom: 0.4rem !important;
    line-height: 1.3 !important;
}

/* FAQ Answers - Compact text */
.faq-answer,
.faq-item p,
.faq-box p,
[class*="faq-answer"] {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 0.4rem !important;
}

/* FAQ Grid spacing */
.faq-grid,
.faq-list,
.faq-container {
    gap: 0.625rem !important;
}

/* Mobile adjustments - even more compact */
@media (max-width: 768px) {
    .faq-item,
    .faq-box,
    .faq-card,
    [class*="faq-"] {
        padding: 0.625rem 0.875rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .faq-question,
    .faq-item h3,
    .faq-item h4 {
        font-size: 0.95rem !important;
    }
    
    .faq-answer,
    .faq-item p {
        font-size: 0.85rem !important;
    }
}
