.faq-head { margin-bottom: 2.6rem; }
/* h2/h3 font-size: standard scale, see design-system.css */
.faq-head h2, .faq-head h3 { font-weight: 300; }
.faq-head .rte { margin-top: 1rem; }

.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	padding: 1.6rem 0.2rem;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary :is(h3, h4, h5) {
	font-family: var(--font-heading);
	font-size: 1.08rem;
	font-weight: 400;
	margin: 0;
}
.faq-item summary .q-icon {
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid var(--teal);
	color: var(--teal);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-body);
	font-size: 1rem;
	transition: .3s;
}
.faq-item[open] summary .q-icon { transform: rotate(45deg); background: var(--teal); color: #fff; }
.faq-item .rte { padding: 0 2rem 1.8rem 0.2rem; max-width: 760px; }