/* Questions that open in place. Native details, so they work without script and the browser's
   find-in-page opens the right one. */

.faq {
	border-block-start: var(--border-hairline) solid var(--color-border);
}

.faq__item {
	border-block-end: var(--border-hairline) solid var(--color-border);
}

.faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	min-height: 2.75rem;
	padding-block: var(--space-2);
	cursor: pointer;
	list-style: none;
}

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

.faq__title {
	margin: 0;
	font-size: var(--font-5);
}

.faq__icon {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	transition: transform var(--duration) var(--ease);
}

.faq__item[open] .faq__icon {
	transform: rotate(45deg);
}

.faq__answer {
	padding-block-end: var(--space-3);
}