/**
 * Contact page — container layout only.
 * Scoped to page-contact-us.php; form shortcode styling is left to the plugin.
 */

.site-main--contact {
	box-sizing: border-box;
	background: var(--color-background);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: var(--text-base);
	line-height: var(--leading-body);
	padding-block: var(--space-12) var(--space-16);
}

.site-main--contact h1 {
	margin: 0;
}

@media (min-width: 768px) {
	.site-main--contact {
		padding-block: var(--space-16) var(--space-20);
	}
}

.site-main--contact .contact-page__shell {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: min(960px, 100%);
	width: 100%;
	padding-inline: var(--space-4);
	overflow-x: clip;
}

@media (min-width: 768px) {
	.site-main--contact .contact-page__shell {
		padding-inline: var(--space-6);
	}
}

@media (min-width: 1320px) {
	.site-main--contact .contact-page__shell {
		padding-inline: 0;
	}
}

.site-main--contact .contact-page__entry {
	display: grid;
	gap: var(--space-6);
}

@media (min-width: 768px) {
	.site-main--contact .contact-page__entry {
		gap: var(--space-8);
	}
}

.site-main--contact .contact-page__header {
	display: grid;
	gap: var(--space-3);
}

.site-main--contact .contact-page__lede {
	margin: 0;
	max-width: 70ch;
}

.site-main--contact .contact-page__lede p {
	margin: 0;
}

.site-main--contact .contact-page__form-card {
	min-width: 0;
}

.site-main--contact .contact-page__empty {
	margin: 0;
}