.pa-faq {
	--pa-border: #d9d9d9;
	--pa-bg: #fff;
	--pa-bg-open: #f7f7f7;
	--pa-accent: currentColor;

	margin: 2.5em 0;
}

.pa-faq-item {
	border: 1px solid var(--pa-border);
	background: var(--pa-bg);
}

.pa-faq-item + .pa-faq-item {
	margin-top: -1px; /* collapse borders between items */
}

.pa-faq-question {
	position: relative;
	display: block;
	padding: 1em 3em 1em 1.25em;
	font-weight: 600;
	cursor: pointer;
	list-style: none; /* hide default marker */
	/*cursor: pointer;*/
}

.pa-faq-question::-webkit-details-marker {
	display: none;
}

/* plus / minus icon */
.pa-faq-question::after {
	content: "+";
	position: absolute;
	right: 1.25em;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
	line-height: 1;
	color: var(--pa-accent);
}

.pa-faq-item[open] > .pa-faq-question {
	background: var(--pa-bg-open);
}

.pa-faq-item[open] > .pa-faq-question::after {
	content: "\2212"; /* minus */
}

.pa-faq-question:focus-visible {
	outline: 2px solid var(--pa-accent);
	outline-offset: -2px;
}

.pa-faq-answer {
	padding: 1em 1.25em;
	border-top: 1px solid var(--pa-border);
}

.pa-faq-answer > :first-child {
	margin-top: 0;
}

.pa-faq-answer > :last-child {
	margin-bottom: 0;
}