/* Additional Capabilities page (Figma 33535-18317 desktop; no mobile artboard —
 * mobile inherits the aerospace/mill-turn archetype CSS via the shared classes) */

/* Two-col: two 600px description columns with the design's 40px gutter
 * (33535:18332). Figma centers the overflowing autolayout, so the cols sit 20px
 * inside the 1280 content box — flex justify-center reproduces that, not the
 * mill-turn space-between. Mobile stacks them like every other two-col. */
@media (max-width: 781px) {
	.cmp-addcap-twocol .cmp-addcap-cols {
		gap: 24px !important;
	}

	.cmp-addcap-twocol .cmp-addcap-cols > .wp-block-group {
		flex-basis: 100% !important;
	}

	/* stacked card lists keep the 16px item rhythm between the two lists */
	.cmp-addcap-cards .cmp-cta-row {
		gap: 16px !important;
	}
}

/* Cards section: Figma overflows the 958px heading out of the left card's 533px
 * content box (33535:18344 inside 33535:18341); reproduce the overflow so the
 * heading spans both columns and breaks like the design.
 *
 * Markup round 3 pin 35 (2026-09-10): gated to the 1440 artboard width. A fixed
 * 958px child sets the left column's min-content, so below 1440 the two card
 * columns could not both fit and the flex row wrapped — the lists stacked, the
 * right half of the section went empty and the section grew from 820px to
 * 1182px tall at 1192. Below 1440 the heading wraps inside its own column. */
@media (min-width: 1440px) {
	.cmp-addcap-cards .cmp-addcap-wide-h2 {
		width: 958px;
		max-width: none;
	}
}

/* Cards lists: 16px between items (33535:18346 / 33535:18350) */
.cmp-addcap-cards .cmp-cta-list li + li {
	margin-top: 16px;
}

/* Final CTA heading wraps naturally with balanced lines — the wider self-hosted
 * DM Sans can't hold Figma's exact 2-line break (semiconductor precedent) */
.cmp-addcap-final-cta h2 {
	text-wrap: balance;
}