/* FAQ ?test : puces de tri par type de réponse (la liste reprend le style .faq-list) */
.faq-v2 {
    --faq-accent: #2f5d8c;
}
.faq-v2-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 40px 0 0;
}
.faq-v2-tab {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 130px;
    padding: 18px 20px 14px;
    border: 0;
    border-radius: 10px;
    background: #eef2f6;
    color: #3d4a57;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: color .15s, background-color .15s, border-color .15s;
}
.faq-v2-tab svg {
    width: 40px;
    height: 40px;
    shape-rendering: geometricPrecision;
}
.faq-v2-tab:hover {
    background: #d3dce7;
    color: #25384d;
}
.faq-v2-tab.active,
.faq-v2-tab.active:hover {
    background: #24364a;
    color: #fff;
}
.faq-v2 .faq-v2-list {
    margin-top: 32px;
}
.faq-v2 [itemprop="text"] p {
    margin-bottom: 0;
}
.faq-v2 [itemprop="text"] ul {
    margin: 0 0 0.75em;
    padding-left: 1.25em;
    list-style: disc;
}
.faq-v2 [itemprop="text"] ul > li {
    margin-bottom: 0.25em;
    line-height: 29px;
}
.faq-v2 [itemprop="text"] > :last-child {
    margin-bottom: 0;
}
.faq-v2 [itemprop="acceptedAnswer"] a:hover {
    color: var(--faq-accent);
    text-decoration-color: var(--faq-accent);
}
@media (max-width: 575px) {
    .faq-v2-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 28px;
    }
    .faq-v2-tab {
        min-width: 0;
        padding: 14px 8px 12px;
        font-size: 16px;
    }
}