/* ==================================================

	FAQ page

	@related colors

================================================== */

/* over the scoop layer on both breakpoints (desktop value is the higher); holds only while .apply__card has no z-index */
.faq__content {
	position: relative;
	z-index: calc(var(--z-ice-cream) + 1);

	padding: 40px 0 16px;
}

.faq__section + .faq__section {
	margin-top: 44px;
}

.faq__section-title {
	font-size: 22px;
	font-weight: var(--font-weight-bold);
	line-height: 1.1;
}

.faq__item {
	margin-top: 24px;
}

.faq__question {
	font-size: 15px;
	font-weight: var(--font-weight-bold);
	line-height: 1.3;
}

.faq__answer {
	margin-top: 6px;

	font-size: 13px;
	font-weight: var(--font-weight-medium);
	line-height: 1.5;
}

/* -------------------------------------
	=Mobile
------------------------------------- */

@media ( max-width: 720px ) {

	/* @match card_mobile_split (partial) - the mobile frame's second card: purple fill and 16px top radius on the block between the header card and the back link */
	.faq__content {
		padding: 20px 16px 8px;
		margin-top: 20px;

		border-radius: 16px 16px 0 0;
		background-color: var(--deel-purple);
	}

	.faq__section-title {
		font-size: 20px;
	}

}