/* FAQ — maquette : pilules blanches de 90 px (question 28 px marine) ;
   la question ouverte devient une carte marine (rayon 40), réponse 20 px. */
.cci-faq {
	display: grid;
	gap: 1rem;
	max-width: 68.625rem;      /* 1098 */
	margin-inline: auto;
}

.cci-faq__item {
	border-radius: clamp(1.75rem, 1rem + 2vw, 3rem);
	background: var(--blanc);
	color: var(--marine);
	transition: background-color 0.45s ease, color 0.45s ease, border-radius 0.45s ease;
}

.cci-faq__item[open] {
	border-radius: var(--r-xl);
	background: var(--marine);
	color: var(--blanc);
}

.cci-faq__item > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: 5.625rem;
	padding: 0.875rem 1rem 0.875rem clamp(1.25rem, 0.8rem + 1.5vw, 2.3rem);
	border-radius: inherit;
}

.cci-faq__question {
	font-size: clamp(1.125rem, 0.9rem + 0.8vw, 1.75rem);
	font-weight: var(--fw-regular);
	line-height: 1.25;
}

.cci-faq__item .cci-depliant__signe {
	width: 3.125rem;
	height: 3.125rem;
	background: var(--rose);
}

.cci-faq__item > summary:hover .cci-faq__question {
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

.cci-faq__reponse {
	max-width: 54rem;
	padding: 0 clamp(1.25rem, 0.8rem + 1.5vw, 2.3rem) 2rem;
	font-size: var(--fs-md);
	font-weight: var(--fw-light);
	line-height: 1.4;
}

.cci-faq__reponse > * + * {
	margin-top: 0.75em;
}

.cci-faq__reponse a {
	color: var(--rose);
}