/* Questions and answers (patterns/kit-faq.php). Accordion look from capability-faq. */
.sp-kit-faq .sp-kit-faq__grid { display: grid; gap: 40px; }
@media (min-width: 1024px) {
	.sp-kit-faq .sp-kit-faq__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 80px; }
}
.sp-kit-faq .sp-kit__title { margin-bottom: 20px; }
.sp-kit-faq .sp-kit-faq__item { border-bottom: 1px solid var(--kit-line); }
.sp-kit-faq .sp-kit-faq__item summary {
	position: relative;
	padding: 18px 40px 18px 0;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.4;
	color: var(--kit-fg);
	list-style: none;
	cursor: pointer;
}
.sp-kit-faq .sp-kit-faq__item summary::-webkit-details-marker { display: none; }
.sp-kit-faq .sp-kit-faq__item summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	border: 6px solid transparent;
	border-top-color: currentColor;
	transform: translateY(-25%);
	transition: transform 0.2s;
}
.sp-kit-faq .sp-kit-faq__item[open] summary::after { transform: translateY(-75%) rotate(180deg); }
.sp-kit-faq .sp-kit-faq__answer { padding-bottom: 20px; font-size: var(--wp--preset--font-size--body-small); line-height: 1.6; color: var(--kit-text); }