/* ==========================================================================
   Homepage FAQ
   Block: .home-faq
   ========================================================================== */

.home-faq {
	padding-block: var(--space-10) var(--space-11);
	background: var(--color-bg-alt);
}

.home-faq__kicker,
.home-faq__title {
	text-align: center;
}

.home-faq__kicker {
	justify-content: center;
}

.home-faq__title {
	margin-bottom: var(--space-7);
}

.home-faq__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	max-width: 62.5rem; /* 1000px */
	margin: 0 auto var(--space-7);
}

.home-faq__item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-4);
	padding: var(--space-5);
	border: 2px solid #eeeeee;
	border-radius: 0.75rem; /* 12px */
	background: var(--color-surface);
}

.home-faq__num {
	color: var(--color-text);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	opacity: 0.4;
}

.home-faq__question {
	margin: 0 0 var(--space-2);
	font-family: var(--font-grotesk);
	font-size: 1.25rem; /* 20px */
	font-weight: var(--font-weight-bold);
	line-height: 1.35; /* 27px */
}

.home-faq__item p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
}

.home-faq__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-3);
}