/* 🚀 Hard UI for Support & Privacy Modal */
.support-card { 
    background: #FFFFFF; border-radius: 16px; padding: 20px; 
    border: 1px solid #E2E8F0; margin-bottom: 24px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.02); 
}

.support-title { 
    font-size: 17px; font-weight: 900; color: #0F172A; 
    margin-bottom: 16px; display: flex; align-items: center; gap: 8px; 
}

.support-link-btn { 
    display: flex; align-items: center; justify-content: center; gap: 10px; 
    background: #0F172A; color: #FFFFFF; padding: 16px; border-radius: 12px; 
    text-decoration: none; font-weight: 800; font-size: 15px; border: none; 
    width: 100%; cursor: pointer; transition: 0.2s; 
    box-shadow: 0 4px 6px rgba(15, 23, 42, 0.15); 
}
.support-link-btn:active { transform: translateY(1px); background: #1E293B; box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15); }

/* FAQ List Structure */
.faq-wrapper { display: flex; flex-direction: column; gap: 12px; padding-bottom: 20px; }

.faq-card { 
    background: #FFFFFF; border-radius: 12px; padding: 16px; 
    border: 1px solid #CBD5E1; box-shadow: 0 1px 3px rgba(0,0,0,0.02); 
}

.faq-header { 
    display: flex; justify-content: space-between; align-items: flex-start; 
    gap: 12px; margin-bottom: 12px; 
}

.faq-q { 
    flex: 1; font-size: 15px; font-weight: 800; color: #0F172A; line-height: 1.4; 
}

/* TTS Audio Button */
.tts-btn { 
    background: #F8FAFC; border: 1px solid #CBD5E1; padding: 8px; 
    border-radius: 8px; color: #0F766E; cursor: pointer; display: flex; 
    align-items: center; justify-content: center; flex-shrink: 0; transition: 0.2s; 
}
.tts-btn:active { background: #E2E8F0; border-color: #94A3B8; }
.tts-btn span { font-size: 20px; }

.faq-a { 
    font-size: 14px; color: #475569; line-height: 1.6; font-weight: 600; 
    background: #F8FAFC; padding: 12px; border-radius: 8px; border: 1px solid #E2E8F0; 
}