/*
******** ------------------------------ **** FAQ ****
*/

.faq__title {
	margin-block-end: var(--gap);
}

.faq__item {
	margin-block-end: 1rem;
	padding-inline-start: 2rem;
	position: relative;
	overflow: hidden;
}

.faq__item:not(:first-child) {
	border-top: 1px solid rgba(0,0,0,0.25);
	padding-block: 1.5rem 0.5rem;
}

.faq__item::details-content {
	block-size: 0;
	opacity: 0;
	transition: block-size 0.5s, content-visibility 0.5s, opacity 0.5s;
	transition-behavior: allow-discrete;
}

.faq__item[open]::details-content {
	block-size: auto;
	opacity: 1;
}

.faq__item summary {
	cursor: pointer;
	list-style: none;
	margin-block-end: 0.5rem;
	font-weight: 700;
}

.faq__item summary::-webkit-details-marker {
	display: none;
}

.faq__item::before {
	content: "\002B";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.5em;
	color: var(--clr-accent-1);
	font-size: 1.75em;
	font-weight: 700;

	@media screen and (min-width: 769px) {
		inset-block-start: 0.25em;
	}
}

.faq__item[open]::before {
	content: "\2212";
}

.faq__answer {
	max-inline-size: 55ch;
}
.faq p {
	margin-block-start: 1em;
}