/* ---------- FAQ excerpt (top page) ---------- */
.kb-top-faq { padding-block: 24px; }
.kb-top-faq__head { text-align: center; }
.kb-top-faq__lead {
	margin-block: 16px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

.kb-top-faq__list {
	max-width: 800px;
	margin-inline: auto;
}
.kb-top-faq__item {
	margin-bottom: 12px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.kb-top-faq__item:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }
.kb-top-faq__q {
	position: relative;
	display: block;
	padding: 20px;
	color: #1d1d1f;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}
.kb-top-faq__q::-webkit-details-marker { display: none; }
/* Chevron: points down when closed, up when open */
.kb-top-faq__q::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	border: solid #1d1d1f;
	border-width: 0 2px 2px 0;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .3s ease;
}
.kb-top-faq__item[open] .kb-top-faq__q::after {
	transform: translateY(-30%) rotate(-135deg);
}
.kb-top-faq__a {
	padding: 0 20px 20px;
	color: #424245;
	font-size: 16px;
}

.kb-top-faq__btn {
	display: block;
	width: 100%;
	padding: 16px 12px;
	border: 1px solid #f8c92a;
	border-radius: 6px;
	background: #f8c92a;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.kb-top-faq__btn:hover,
.kb-top-faq__btn:focus-visible {
	background: #f9c125;
	border-color: #f9c125;
	color: #fff;
}

@media (max-width: 768px) {
	.kb-top-faq__lead { font-size: 16.8px; }
	.kb-top-faq__q {
		padding: 16px 50px 16px 17px;
		font-size: 16px;
	}
	.kb-top-faq__a { padding: 0 16px 16px; }
}