.hsp-faq-block {
	--hsp-faq-mark-color: #333;
}

:where(.hsp-faq-block__answer) {
	margin: 0;
}

.hsp-faq-block__item + .hsp-faq-block__item {
	margin-top: 1.25em;
	padding-top: 1.25em;
	border-top: 1px solid var(--ark-color--border, rgba(200, 200, 200, 0.5));
}

.hsp-faq-block__question,
.hsp-faq-block__answer {
	position: relative;
	padding: 0.75em 1em 0.75em 3em;
	line-height: 1.6;
	overflow-wrap: anywhere;
	white-space: normal;
}

.hsp-faq-block__question {
	font-weight: 700;
}

.hsp-faq-block__question::before,
.hsp-faq-block__answer::before {
	display: block;
	position: absolute;
	top: 0.55em;
	left: 0;
	width: 2em;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: 2;
	text-align: center;
}

.hsp-faq-block__question::before {
	content: "Q";
	background-color: var(--hsp-faq-mark-color);
	color: #fff;
}

.hsp-faq-block__answer::before {
	content: "A";
	color: var(--hsp-faq-mark-color);
	box-shadow: inset 0 0 0 1px currentColor;
}

.hsp-faq-block__answer > :first-child {
	margin-top: 0;
}

.hsp-faq-block__answer > :last-child {
	margin-bottom: 0;
}