/* CIBI — parent/help.blade.php */
.help-container { max-width: 760px; margin: 0 auto; }
    .help-header {
        text-align: center; margin-bottom: 32px;
    }
    .help-icon {
        width: 72px; height: 72px; border-radius: 50%;
        background: var(--primary-bg); color: var(--primary);
        display: flex; align-items: center; justify-content: center;
        margin: 0 auto 16px;
    }
    .help-title {
        font-size: 26px; font-weight: 800; color: var(--text-dark);
        margin-bottom: 8px;
    }
    .help-intro {
        font-size: 15px; color: var(--text-muted); line-height: 1.6;
    }

    .faq-list { margin-bottom: 32px; }
    .faq-item {
        background: var(--card-bg); border: 1px solid var(--border);
        border-radius: var(--radius); margin-bottom: 12px; overflow: hidden;
        transition: all .15s ease;
    }
    .faq-item:hover { border-color: var(--primary-light); }
    .faq-question {
        padding: 18px 24px; cursor: pointer; display: flex;
        align-items: center; justify-content: space-between; gap: 12px;
        font-size: 15px; font-weight: 700; color: var(--text-dark);
        user-select: none;
    }
    .faq-question .chevron {
        width: 20px; height: 20px; color: var(--text-muted);
        transition: transform .2s ease; flex-shrink: 0;
    }
    .faq-item.open .faq-question .chevron { transform: rotate(180deg); }
    .faq-answer {
        max-height: 0; overflow: hidden; transition: max-height .3s ease;
        padding: 0 24px;
    }
    .faq-item.open .faq-answer {
        max-height: 500px; padding: 0 24px 18px;
    }
    .faq-answer-text {
        font-size: 14px; color: var(--text-muted); line-height: 1.7;
    }

    .contact-card {
        background: linear-gradient(135deg, var(--primary-bg), #e0e7ff);
        border: 1px solid var(--primary-light); border-radius: var(--radius);
        padding: 28px; text-align: center;
    }
    .contact-title {
        font-size: 18px; font-weight: 800; color: var(--text-dark);
        margin-bottom: 8px;
    }
    .contact-text {
        font-size: 14px; color: var(--text-muted); margin-bottom: 20px;
    }
    .contact-buttons {
        display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
    }
    .contact-btn {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 12px 24px; border-radius: var(--radius-sm);
        font-size: 14px; font-weight: 700; text-decoration: none;
        transition: all .15s ease;
    }
    .contact-btn-whatsapp {
        background: #25d366; color: #fff;
    }
    .contact-btn-whatsapp:hover { background: #1da851; }
    .contact-btn-email {
        background: var(--card-bg); color: var(--text-dark);
        border: 1px solid var(--border);
    }
    .contact-btn-email:hover { border-color: var(--primary); color: var(--primary); }

    @media (max-width: 768px) {
        .faq-question { padding: 16px 18px; font-size: 14px; }
        .faq-answer { padding: 0 18px; }
        .faq-item.open .faq-answer { padding: 0 18px 16px; }
        .contact-card { padding: 20px; }
        .contact-buttons { flex-direction: column; }
        .contact-btn { width: 100%; justify-content: center; }
    }