.schema-faq.wp-block-yoast-faq-block{
	
	border-bottom: 1px solid var(--wp--preset--color--foreground);
}

.schema-faq-section {
	margin: 0.75rem 0;
	border-top: 1px solid var(--wp--preset--color--foreground);
}

.schema-faq-question{
	position:relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: opacity ease 0.25s;
	padding: 0.75rem 56px 0 0;
	color: var(--wp--preset--color--foreground);

}

.schema-faq-question:after{
	position:absolute;
	right:0;
	display: block;
	width: 16px;
	height: 20px;
	color: inherit;
	content: "+";
	line-height:1;
	transform-origin: center;
}

.schema-faq-question.expanded:after{
	transform: rotate(45deg);
}

.schema-faq-question:hover{
	opacity: 0.75;
}

.schema-faq-answer{
	padding: 0 1rem 0 2.5rem !important;
	display: none;
	position:relative;
	margin:1rem 0 0 0 !important;
	font-weight:500;
}

@media(max-width: 839px){
	.schema-faq-answer{
		font-size: 1rem;
	}
}

.schema-faq-answer.default{
	display: block;
}

.schema-faq-answer:before{
	position: absolute;
	left:0;
	top:10px;
	content: "";
	display: inline-block; /* so width/height are respected */
	width: 16px;
	height: 12px;
	flex-shrink: 0; /* prevent icon from shrinking */
	background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.256' height='12.192' viewBox='0 0 16.256 12.192'%3E%3Cpath fill='%23d3af77' d='m10.16 12.192-1.422-1.473 3.607-3.607H0V5.08h12.344L8.737 1.473 10.16 0l6.1 6.1Z'/%3E%3C/svg%3E");
	
}

/* Backend Styles: Ensure all content is visible in the block editor */
.editor-styles-wrapper .schema-faq-question {
	cursor: text;
}

.editor-styles-wrapper .schema-faq-answer {
	display: block;
}