/* =========================================================================
 * FAQ Accordion 001 — Questions Beside a Contact Prompt
 *
 * The block's own two equal columns. The left one is a vertical flex that
 * pins the contact prompt to the bottom. The rows are the shared accordion
 * (site.css §3e).
 * ========================================================================= */

.faq-accordion-001 .faq-accordion-001__inner {
	column-gap: 7%;
	align-items: stretch;
}

.faq-accordion-001 .faq-accordion-001__intro {
	gap: var(--space-lg);
}

.faq-accordion-001__heading > *,
.faq-accordion-001__contact > * {
	margin-block: 0;
}

.faq-accordion-001__heading h2 {
	margin-block: var(--space-sm) var(--space-md);
}

.faq-accordion-001__contact .is-muted {
	margin-bottom: var(--space-sm);
}

.faq-accordion-001 .accordion-row > summary {
	font-size: var(--wp--preset--font-size--lg);
	line-height: 1.5;
}

.faq-accordion-001 .accordion-row > p {
	padding-right: var(--space-lg);
	line-height: 1.85;
}

@media (max-width: 48rem) {
	.faq-accordion-001 .faq-accordion-001__inner {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--space-md);
	}
}

@media (max-width: 40rem) {
	.faq-accordion-001 .accordion-row > summary {
		font-size: var(--wp--preset--font-size--base);
	}
}