/* FAQ page template (templates/page-faq.html + patterns/faq-classic.php) */
.theoasso-faq-page{
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 32px;
	color: var(--wp--preset--color--contrast);
	text-align: left;
	box-sizing: border-box;
}

.theoasso-faq-page h1{
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-weight: 400;
	letter-spacing: -0.02em;
	font-size: clamp(32px, 3vw + 10px, 48px);
	line-height: 1.05;
	margin-top: 0;
}

.theoasso-faq-page__items{
	margin-top: 32px;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 16px;
	overflow: hidden;
}

.theoasso-faq-page__item{
	padding: 18px 22px;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
}

.theoasso-faq-page__item:first-child{
	border-top: none;
}

.theoasso-faq-page__item h3{
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
}

.theoasso-faq-page__item p{
	margin: 12px 0 0;
	color: color-mix(in srgb, currentColor 78%, transparent);
	font-size: 15px;
	line-height: 1.55;
}

@media (max-width: 600px) {
	.theoasso-faq-page{
		padding: 0 18px;
	}
	.theoasso-faq-page__item{
		padding: 16px 16px;
	}
}