/**
 * Section: FAQ (layout "faq").
 *
 * Figma: section/faq 1598:48360 (desktop, inside Article Detail). A 720px
 * column: header/XL title, accordion list 16px apart, "See More" button/M
 * 284px wide, all 24px apart. Mobile (Planning screen in REF/HOMZ.zip):
 * header/L title, "See More" as wide as its label.
 */

.faq-section__inner {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	align-items: center;
	max-width: 45rem; /* 720 */
	margin-inline: auto;
}

.faq-section__title {
	align-self: stretch;
	font: var(--type-header-l);
	color: var(--color-text-dark);
}

.faq-section__more {
	max-width: 100%;
}

@media (min-width: 64rem) {
	.faq-section__title {
		font: var(--type-header-xl);
	}

	.faq-section__more {
		width: 17.75rem; /* 284 */
	}
}