.md-faq {
	padding: clamp(48px, 7vw, 80px) 24px;
	/* Fond unifié en crème sur toute la page d'accueil (demande explicite
	   de Damien, 2026-08-29 — un premier essai en blanc neutre a été
	   fait puis annulé le jour même). */
	background: var(--md-cream);
}

.md-faq__header {
	max-width: 700px;
	margin: 0 auto 24px;
}

.md-faq__header h2 {
	font-size: clamp(28px, 3.8vw, 44px);
	font-weight: 700;
	margin: 0;
}

.md-faq__list {
	max-width: 700px;
	margin: 0 auto;
}

/* Zone cliquable = toute la ligne de la question (audit R8, lot E,
   2026-09-23) — mesuré avant : <summary> de 28px de haut, le padding de
   18px vivant sur .md-faq__item (hors de la zone cliquable). Le padding
   passe sur <summary> : même rendu au pixel près, 64px cliquables. Fermé :
   18 + 28 + 18, comme avant ; ouvert : l'écart question/réponse reste de
   12px (padding-bas du summary ouvert) et les 18px du bas passent sur la
   réponse. */
.md-faq__item {
	border-bottom: 1px solid var(--md-line);
}

.md-faq__item summary {
	padding: 18px 0;
	min-height: 44px;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.md-faq__item summary::-webkit-details-marker {
	display: none;
}

.md-faq__item summary::after {
	content: '+';
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--md-blue);
	color: var(--md-indigo);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
}

.md-faq__item[open] summary::after {
	content: '−';
}

.md-faq__item[open] summary {
	padding-bottom: 12px;
}

.md-faq__item p {
	margin: 0 0 18px;
	color: #4a4a4a;
	line-height: 1.6;
}