/**
 * Contact Section — Layout Styles
 *
 * PHASE 7 — COMPOSABLE SECTIONS (BLOCK ENABLED). Styles ONLY
 * .atb-contact__inner. The .atb-shortcode-container block inside it
 * (and whatever a plugin's shortcode renders within that) is left
 * untouched — see blocks/shortcode-container/shortcode-container.css
 * for why this theme deliberately does not impose visual opinions on
 * third-party shortcode output.
 *
 * ISOLATION RULE: scoped under [data-atb-section="contact"].
 * TOKEN-ONLY.
 */

[data-atb-section="contact"] {
	display: block;
}

[data-atb-section="contact"] .atb-contact__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--atb-space-4, 1rem);
	max-width: 640px;
	margin: 0 auto;
	padding: var(--atb-space-12, 3rem) var(--atb-space-6, 1.5rem);
}