/**
 * CTA Section — Layout Styles
 *
 * PHASE 7 — COMPOSABLE SECTIONS (BLOCK ENABLED). Styles ONLY
 * .atb-cta__inner, the section's layout container. Blocks composed
 * inside it own their own styling.
 *
 * ISOLATION RULE: scoped under [data-atb-section="cta"]. TOKEN-ONLY.
 */

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

[data-atb-section="cta"] .atb-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--atb-space-4, 1rem);
	padding: var(--atb-space-12, 3rem) var(--atb-space-6, 1.5rem);
	text-align: center;
	background-color: var(--atb-color-surface, #f5f5f5);
	border-radius: var(--atb-radius-lg, 0.75rem);
}