/* ---------------------------------------------------------------
 * FAQ accordion (/faq page)
 * ------------------------------------------------------------- */

.muus-faq {
	max-width: 780px;
	margin: 2rem auto;
	padding: 0 1rem;
}

.muus-faq__item {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding: 1.25rem 0;
}

.muus-faq__item:first-child {
	border-top: 1px solid var(--wp--preset--color--border);
}

.muus-faq__question {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--wp--preset--color--text);
	list-style: none;
	padding-right: 2rem;
	position: relative;
	transition: color 0.2s ease;
}

.muus-faq__question::-webkit-details-marker {
	display: none;
}

.muus-faq__question::after {
	content: '+';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5rem;
	color: var(--wp--preset--color--primary);
	transition: transform 0.2s ease;
	line-height: 1;
}

.muus-faq__item[open] .muus-faq__question {
	color: var(--wp--preset--color--primary);
}

.muus-faq__item[open] .muus-faq__question::after {
	content: '−';
}

.muus-faq__answer {
	margin-top: 0.75rem;
	padding-right: 2rem;
	color: var(--wp--preset--color--text-muted);
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.95rem;
	line-height: 1.6;
}

@media (max-width: 781px) {
	.muus-faq {
		margin: 1rem 0;
	}
	.muus-faq__question {
		font-size: 1rem;
	}
}