/**
 * SEO Tools — FAQ accordion (frontend)
 * Styles for both single-post (.jdev-faq) and archive (.jdev-faq-archive) variants.
 */

.jdev-faq,
.jdev-faq-archive {
	max-width: 860px;
	margin: 40px auto;
	padding: 0 20px;
}

.jdev-faq h4,
.jdev-faq-archive h4 {
	font-family: 'Nunito', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: #730137;
	margin-bottom: 20px;
}

.jdev-faq .schema-faq-section summary,
.jdev-faq-archive .schema-faq-section summary {
	cursor: pointer;
	list-style: none;
	font-size: 18px;
	font-weight: 700;
	color: #26282d;
	padding: 4px 0;
}

.jdev-faq .schema-faq-section summary::-webkit-details-marker,
.jdev-faq-archive .schema-faq-section summary::-webkit-details-marker {
	display: none;
}

.jdev-faq .schema-faq-section summary::before,
.jdev-faq-archive .schema-faq-section summary::before {
	content: '+ ';
	color: #730137;
	font-weight: 900;
}

.jdev-faq .schema-faq-section[open] summary::before,
.jdev-faq-archive .schema-faq-section[open] summary::before {
	content: '– ';
}

.jdev-faq .schema-faq-section[open] .schema-faq-answer,
.jdev-faq-archive .schema-faq-section[open] .schema-faq-answer {
	margin-top: 10px;
}