:root {
	--utc-site-content-width: 1170px;
	--utc-site-content-gutter: 15px;
}

/*
 * One public-channel width contract.
 *
 * The legacy Cleanstart homepage uses Bootstrap's 1170px desktop container.
 * Every first-party channel shell must land on the same left and right edges.
 */
.utcait-shell,
.utc-alpha-shell,
.utc-careers-shell,
.utc-company-shell,
.utc-insight-shell,
.utc-video-shell,
.utc-membership-shell,
.utc-auth-shell,
.utc-proprietary-page {
	box-sizing: border-box !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--utc-site-content-width) !important;
	padding-left: var(--utc-site-content-gutter) !important;
	padding-right: var(--utc-site-content-gutter) !important;
	width: 100% !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
	:root {
		--utc-site-content-width: 970px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	:root {
		--utc-site-content-width: 750px;
	}
}

@media (max-width: 767px) {
	:root {
		--utc-site-content-width: 100%;
		--utc-site-content-gutter: 16px;
	}
}