/* FAQ page: question / answer panels */

.kb-faq-list {
	padding-block: 1.5rem;
}
.kb-faq-list__lead {
	margin-block: 1rem;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

.kb-faq-list__items {
	max-width: 800px;
	margin-inline: auto;
}
.kb-faq-list__item {
	margin-bottom: 12px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.kb-faq-list__item:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

.kb-faq-list__q {
	position: relative;
	padding: 20px;
	color: #1d1d1f;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	list-style: none;
	cursor: pointer;
}
.kb-faq-list__q::-webkit-details-marker {
	display: none;
}
/* Chevron: points down when closed, up when open */
.kb-faq-list__q::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .3s;
}
.kb-faq-list__item[open] .kb-faq-list__q::after {
	transform: translateY(-30%) rotate(-135deg);
}

.kb-faq-list__a {
	padding: 0 20px 20px;
	color: #424245;
	font-size: 16px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.kb-faq-list__lead {
		font-size: 16.8px;
	}
	.kb-faq-list__q {
		padding: 16px 50px 16px 17px;
		font-size: 16px;
	}
	.kb-faq-list__a {
		padding: 0 16px 16px;
	}
}