/**
 * Capability pages — shared container tokens (matches video-subpage.css .vsp).
 * SKILL.md: --da-content-max 1480px, --da-container-pad-x 40px (20px ≤767px).
 */

.vpm,
.crm,
.lgm,
.wam,
.iem,
.crsp,
.lgsp,
.wasp,
.agtm {
	--da-content-max: 1480px;
	--da-container-pad-x: 40px;
	--da-section-pad-y: 120px;
	--da-gutter: 40px;
	--da-header-h: 72px;
}

.vpm-con,
.vpm-proof-stats-inner,
.crm-con,
.lgm-wrap,
.wam-con,
.wam-work-con,
.iem-wrap,
.iem-hero-stats-inner,
.crsp-con,
.lgsp-wrap,
.wasp-con,
.agtm-con,
.vpm-faq-inner,
.crm-faq-inner,
.wam-faq-inner,
.wasp-faq-inner,
.lgm-faq-wrap,
.lgsp-faq-wrap,
.iem-faq-wrap {
	max-width: var(--da-content-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--da-container-pad-x);
	padding-right: var(--da-container-pad-x);
	box-sizing: border-box;
	width: 100%;
}

@media (max-width: 991px) {
	.vpm,
	.crm,
	.lgm,
	.wam,
	.iem,
	.crsp,
	.lgsp,
	.wasp,
	.agtm {
		--da-section-pad-y: 60px;
	}
}

@media (max-width: 767px) {
	.vpm,
	.crm,
	.lgm,
	.wam,
	.iem,
	.crsp,
	.lgsp,
	.wasp,
	.agtm {
		--da-container-pad-x: 20px;
		--da-section-pad-y: 50px;
		--da-gutter: 20px;
	}
}