/*
 * FAQ. Figma 1841:47359 desktop: 720 wide, centred; title, 24 gap, accordions
 * (16 gap), 24 gap, button/M 284 centred. Open accordion 373:8686: 16 between
 * question and answer, 16 between paragraphs. Mobile 1674:31980: full width.
 */

.faq__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	max-width: calc(720px + 2 * var(--gutter));
}

.faq__inner > .section-head { align-self: stretch; }

.faq__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: stretch;
}

.faq .accordion__summary { padding-block: 19px; }   /* 64px closed, as accordion/FAQ in 1547:39750 */
.faq .accordion__answer { margin-top: -4px; }
.faq .accordion__answer > * + * { margin-top: 16px; }
.faq .accordion__answer a { text-decoration: none; }
.faq .accordion__answer a:hover { text-decoration: underline; }

.faq__button { min-width: 284px; }

@media (max-width: 767px) {
	.faq__button { min-width: 0; }
}