.faq-item {
	padding-bottom: 2rem;
}
.faq-item:not(:last-child) {
	margin-bottom: 2rem; border-bottom: 1px solid var(--mahogany);
}

.faq-item .faq-head {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	cursor: pointer;
}

.faq-item .faq-head .icon{
	display: grid;
	grid-template-areas: "stack";
}

.faq-item .faq-head svg {
	grid-area: stack;
}

.faq-item .faq-head svg {
	flex-shrink: 0; transition: scale 0.3s ease-in-out, opacity 300ms ease-in-out;
}
.faq-item .faq-head:hover svg {
	scale: 1.1;
}
.faq-item:not(.active) .faq-head .open,
.faq-item.active .faq-head .closed {
	/* display: none; */
	opacity: 0;
}
.faq-item .faq-head .faq-title {
	margin: 0;
	user-select: none;
	-webkit-user-select: none;
}
.faq-item .faq-content {
	display: grid; grid-template-rows: 0fr;
	max-width: 700px;
	margin-top: 0px;
	user-select: none;
	-webkit-user-select: none;
	transition: grid-template-rows 300ms ease-in-out,
				margin-top 300ms ease-in-out;
}
.faq-item .faq-content-wrapper {
	overflow: hidden;
}
.faq-item.active .faq-content {
	user-select: auto;
	-webkit-user-select: auto;
	grid-template-rows: 1fr; margin-top: 1.5rem;
}