/* Componente: FAQ — accordion nativo <details>, zero JavaScript. */

.faq {
	max-width: 50rem;
}

.faq__item {
	border-bottom: 1px solid var(--color-border);
}

.faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-sm);
	padding-block: 1.125rem;
	cursor: pointer;
	font-weight: 600;
	color: var(--color-primary-dark);
	list-style: none;
	transition: color 0.15s ease;
}

.faq__question::-webkit-details-marker {
	display: none;
}

.faq__question:hover,
.faq__item[open] .faq__question {
	color: var(--color-accent);
}

.faq__chevron {
	flex-shrink: 0;
	display: inline-flex;
	transition: transform 0.2s ease;
}

.faq__item[open] .faq__chevron {
	transform: rotate(180deg);
}

.faq__answer {
	padding-bottom: 1.25rem;
	color: var(--color-muted);
}