.faq {
background:var(--munea-blanc);
padding:7.5rem 0;
--faq_item_fond:var(--ui_surface);
--faq_item_fond_ouvert:color-mix(in srgb, var(--ui_accent) 4%, var(--ui_surface));
--faq_icone_taille:2.6rem;
interpolate-size:allow-keywords
}

.faq_outils {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:1rem;
margin:0 0 var(--ui_gap)
}

.faq_recherche {
flex:1;
max-width:430px;
width:100%;
background:var(--ui_surface);
border:var(--ui_bord);
border-radius:var(--ui_radius_petit);
font-size:var(--ui_fs_petit);
font-family:inherit;
color:var(--ui_texte);
transition:border-color var(--ui_transition_rapide), box-shadow var(--ui_transition_rapide);
margin:0;
padding:0.7em 0.9em
}

.faq_recherche:focus-visible {
border-color:var(--ui_accent);
outline:none;
box-shadow:0 0 0 3px var(--ui_accent_doux)
}

.faq_vide {
font-size:var(--ui_fs_petit);
color:var(--ui_texte_2);
margin:0 0 var(--ui_gap)
}

.faq_nav {
position:sticky;
z-index:5;
background:color-mix(in srgb, var(--ui_surface) 88%, transparent);
backdrop-filter:blur(8px);
border-radius:var(--ui_radius);
top:.8rem;
margin:0 0 var(--ui_gap);
padding:.6rem 0
}

.faq_nav .ui_pill { text-decoration:none }

.faq_pillActive {
background:var(--ui_primaire);
border-color:var(--ui_primaire);
color:var(--ui_primaire_contraste)
}

.faq_nav .ui_pill.faq_pillActive:hover {
color:var(--ui_primaire_contraste)
}

.faq_categorie { margin:0 0 var(--ui_espace_section) }

.faq_categorie:last-of-type { margin-bottom:0 }

.faq_categorieEntete {
display:flex;
align-items:center;
gap:.9rem;
margin:0 0 var(--ui_gap)
}

.faq_categorieIcone {
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--faq_icone_taille);
height:var(--faq_icone_taille);
background:var(--ui_accent_doux);
border-radius:var(--ui_radius_rond);
color:var(--ui_accent_texte);
flex-shrink:0
}

.faq_categorieTitre {
font-size:var(--ui_fs_h2);
font-weight:700;
font-family:var(--ui_police_titres);
color:var(--ui_primaire);
line-height:1.2;
margin:0
}

.faq_liste {
display:grid;
gap:.8rem
}

.faq_item {
background:var(--faq_item_fond);
border:var(--ui_bord);
border-radius:var(--ui_radius);
transition:border-color var(--ui_transition), background-color var(--ui_transition), box-shadow var(--ui_transition)
}

.faq_item[open] {
background:var(--faq_item_fond_ouvert);
border-color:color-mix(in srgb, var(--ui_accent) 45%, var(--ui_bord_couleur));
box-shadow:var(--ui_ombre)
}

.faq_question {
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
list-style:none;
cursor:pointer;
padding:var(--ui_carte_espace)
}

.faq_question::-webkit-details-marker { display:none }

.faq_question h3 {
font-size:var(--ui_fs_h3);
font-weight:600;
color:var(--ui_texte);
line-height:1.4;
margin:0
}

.faq_item[open] .faq_question h3 { color:var(--ui_primaire) }

.faq_chevron {
font-size:.85rem;
color:var(--ui_accent_texte);
transform:translate3d(0, 0, 0);
will-change:transform;
backface-visibility:hidden;
transition:transform var(--ui_transition);
flex-shrink:0
}

.faq_item[open] .faq_chevron { transform:rotate(180deg) }

.faq_item::details-content {
height:0;
overflow-y:clip;
opacity:0;
transition:height .45s var(--ui_courbe), opacity .45s var(--ui_courbe), content-visibility .45s allow-discrete
}

.faq_item[open]::details-content {
height:auto;
opacity:1
}

.faq_reponse { padding:0 var(--ui_carte_espace) var(--ui_carte_espace) }

.faq_reponse > *:first-child { margin-top:0 }

.faq_reponse > *:last-child { margin-bottom:0 }

.faq_reponse p { margin:0 0 .8em }

.faq_reponse a { color:var(--ui_accent_texte) }

.faq_reponse ul, .faq_reponse ol { padding:0 0 0 1.2em }

@media (max-width:820px) {
	.faq { padding:5rem 0 }
}

@media (max-width:720px) {
	.faq_nav { position:static }

	.faq_recherche { max-width:none }

	.faq_question { padding:1rem 1.1rem }

	.faq_reponse { padding:0 1.1rem 1rem }
}