/**
 * FAQ block styles.
 *
 * Each FAQ item is a question <h3> + answer <div>. The question gets
 * light heading-like treatment without disrupting the document outline
 * (h3 is semantically correct for a sub-section question).
 *
 * CSS variables (--primary, --heading-font) integrate with Bricks and
 * other theme frameworks. Fallbacks cover vanilla WP themes.
 *
 * Specificity is single-class; themes only need equal specificity to
 * override.
 */

.wp-block-konanspade-faq {
	margin: 1.5em 0;
}

.wp-block-konanspade-faq__item {
	margin-bottom: 1.25em;
	padding-bottom: 1.25em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.wp-block-konanspade-faq__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.wp-block-konanspade-faq__question {
	margin: 0 0 0.4em;
	color: var(--primary, currentColor);
	font-family: var(--heading-font, "PT Serif", Georgia, "Times New Roman", serif);
	font-size: calc(var(--text-lg, clamp(1.1rem, 1rem + 0.5vw, 1.35rem)) * 1);
	font-weight: 700;
	line-height: 1.35;
}

.wp-block-konanspade-faq__answer {
	color: var(--text-color, inherit);
	line-height: 1.65;
}

.wp-block-konanspade-faq__answer p:first-child {
	margin-top: 0;
}

.wp-block-konanspade-faq__answer p:last-child {
	margin-bottom: 0;
}