/* Shared industry challenges: production measurements, 2026-11-01.
 * Both saved anchors share the same layout. The former Non-profit compensation
 * is superseded by the common paragraph strut, centered copy and mobile gap.
 */
:is(#sec-industry-challenges, #sec-solve-industry-specific).opx-industry-challenges {
	box-sizing: border-box;
	margin: 0;
	padding: 7% 0 5%;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	margin-inline: auto;
	padding: 0;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__title {
	text-align: center;
	width: 56%;
	max-width: none;
	margin: 0 auto;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__cols {
	display: flex;
	gap: 0;
	/* The heading widget contributes 2% of the inner width before the 30px gap. */
	margin: calc(var(--wp--preset--spacing--gap-m) + 2%) 0 0;
	width: 100%;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__col-label {
	flex: 0 0 50%;
	width: 50%;
	max-width: none;
	margin: 0;
	line-height: var(--wp--preset--spacing--gap-35-px);
	text-align: center;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__divider {
	display: block;
	width: 100%;
	margin: var(--wp--preset--spacing--gap-m) 0 0;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__divider img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 24px;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__rows {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--gap-m);
	margin: var(--wp--preset--spacing--gap-m) 0 0;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	gap: 0;
	margin: 0;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) :is(.opx-industry-challenges__challenge, .opx-industry-challenges__solution) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--gap-20);
	flex: 0 0 50%;
	width: 50%;
	box-sizing: border-box;
	margin: 0;
	min-width: 0;
	padding: calc(var(--wp--preset--spacing--gap-m) * 2) var(--wp--preset--spacing--50) var(--wp--preset--spacing--pad-x-50-px-m-30-px) calc(var(--wp--preset--spacing--gap-l) + var(--wp--preset--spacing--gap-m));
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__challenge {
	/* Production uses the existing pill endpoints on a horizontal axis. */
	background: linear-gradient(90deg, #e0f6fb 0%, #eae9fc 100%);
	border-radius: 20px 0 0 20px;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__solution {
	margin-left: calc(-1 * var(--wp--preset--spacing--gap-20));
	background-color: var(--wp--preset--color--surface);
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(62, 55, 178, 0.25);
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__mobile-label {
	display: none;
	margin: 0;
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__text {
	/* Elementor's paragraph ends in a .9rem strut, including on phones. */
	margin: 0 0 .9rem;
	max-width: none;
	width: 85%;
	line-height: var(--wp--preset--spacing--gap-35-px);
}

:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__challenge .opx-industry-challenges__text {
	width: 80%;
}


/* Measured desktop variants. Government has no component modifier in its saved
 * content, so its generated WordPress body class scopes the sole width exception. */
@media (min-width: 1025px) {
	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row:nth-child(3) .opx-industry-challenges__challenge .opx-industry-challenges__text {
		width: 75%;
	}

	body[class~="page-id-22466"] #sec-industry-challenges .opx-industry-challenges__row:nth-child(2) .opx-industry-challenges__challenge .opx-industry-challenges__text {
		width: 85%;
	}

	#sec-industry-challenges.opx-industry-challenges--manufacturing .opx-industry-challenges__row:nth-child(2) .opx-industry-challenges__solution .opx-industry-challenges__text {
		width: 95%;
	}
}

@media (max-width: 1024px) {
	:is(#sec-industry-challenges, #sec-solve-industry-specific).opx-industry-challenges {
		padding: 4.5% 5%;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__title {
		width: 100%;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__cols {
		margin-top: var(--wp--preset--spacing--gap-m);
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__divider img {
		border-radius: 16px;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__challenge {
		padding: var(--wp--preset--spacing--pad-x-50-px-m-30-px) var(--wp--preset--spacing--pad-x-50-px-m-30-px) var(--wp--preset--spacing--gap-m);
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__solution {
		padding: var(--wp--preset--spacing--pad-x-50-px-m-30-px) var(--wp--preset--spacing--gap-35-px) var(--wp--preset--spacing--pad-x-50-px-m-30-px) var(--wp--preset--spacing--pad-x-50-px-m-30-px);
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row :is(.opx-industry-challenges__challenge, .opx-industry-challenges__solution) .opx-industry-challenges__text {
		width: 100%;
	}
}

@media (max-width: 767px) {
	:is(#sec-industry-challenges, #sec-solve-industry-specific).opx-industry-challenges {
		padding: 10.8% 5% 9%;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__desktop-only {
		display: none;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__title.is-style-headline-l {
		font-size: var(--wp--preset--font-size--headline-sm);
		line-height: 1.3;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row {
		flex-direction: column;
		gap: var(--wp--preset--spacing--gap-m);
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row :is(.opx-industry-challenges__challenge, .opx-industry-challenges__solution) {
		flex: 1 1 auto;
		width: 100%;
		margin-left: 0;
		padding: var(--wp--preset--spacing--gap-m);
		border-radius: 20px 20px 0 0;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__row .opx-industry-challenges__solution {
		margin-top: calc(-1 * (var(--wp--preset--spacing--gap-m) + var(--wp--preset--spacing--gap-20)));
		border-radius: 20px;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__mobile-label.is-style-card-title {
		display: block;
		width: 100%;
		/* The shared body-l token becomes 18px on phones; this label remains 22px. */
		font-size: 22px;
		line-height: 1.4;
		font-weight: 500;
	}

	:is(#sec-industry-challenges, #sec-solve-industry-specific) .opx-industry-challenges__text.is-style-body-l {
		font-size: var(--wp--preset--font-size--body);
		line-height: 1.5;
		font-weight: 300;
	}
}