/* Canonical Technical Library geometry shared by public and VSB bodies. */
.ef-v1-manufacturing-insights > .ef-v1-container {
	container: ef-technical-library / inline-size;
}

.ef-homepage-section.ef-v1-manufacturing-insights {
	padding-block: var(--ef-primitive-space-24);
	color: var(--ef-semantic-color-action-secondary-foreground);
	background: linear-gradient(135deg, var(--ef-semantic-color-brand-primary-strong), var(--ef-semantic-color-brand-secondary));
}

.ef-v1-section-heading--dark h2 {
	color: var(--ef-semantic-color-action-secondary-foreground);
}

.ef-v1-section-heading--dark > p {
	color: var(--ef-semantic-color-text-on-dark-muted);
}

.ef-v1-insight-categories {
	margin-block-end: var(--ef-primitive-space-5);
	padding-block-end: var(--ef-primitive-space-5);
	display: flex;
	flex-wrap: wrap;
	gap: var(--ef-primitive-space-2);
	border-block-end: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
}

.ef-v1-insight-categories a {
	min-block-size: 2.25rem;
	padding-inline: var(--ef-primitive-space-4);
	display: inline-flex;
	align-items: center;
	color: var(--ef-primitive-color-slate300);
	background: var(--ef-primitive-color-alpha-light06);
	border: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
	font-family: var(--ef-primitive-font-family-mono);
	font-size: var(--ef-primitive-font-size-technical-label);
	text-decoration: none;
	text-transform: uppercase;
}

.ef-v1-insight-categories a[aria-current="page"] {
	color: var(--ef-primitive-color-white);
	background: var(--ef-primitive-color-blue600);
	border-color: var(--ef-primitive-color-blue600);
}

.ef-v1-insights-editorial {
	display: grid;
	grid-template-columns: minmax(18rem, 0.95fr) minmax(16rem, 0.78fr) minmax(22rem, 1fr);
	grid-template-rows: auto auto;
	gap: var(--ef-primitive-space-8);
	align-items: start;
}

.ef-v1-insight-feature {
	min-inline-size: 0;
	grid-column: 1 / 3;
	display: grid;
	grid-template-columns: minmax(18rem, 1fr) minmax(16rem, 0.82fr);
	gap: var(--ef-primitive-space-8);
}

.ef-v1-insight-feature__media {
	block-size: 24rem;
	display: block;
	overflow: hidden;
	border-block-start: 2px solid var(--ef-primitive-color-blue-v1-muted);
}

.ef-v1-insight-feature__media img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	filter: saturate(0.58) contrast(1.06);
	transition: transform var(--ef-primitive-motion-duration-media) var(--ef-primitive-motion-easing-enter);
}

.ef-v1-insight-feature__body {
	min-inline-size: 0;
	padding-block: var(--ef-primitive-space-8);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-block: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
}

.ef-v1-insight-feature__body h3 {
	margin: var(--ef-primitive-space-4) 0 var(--ef-primitive-space-5);
	max-inline-size: 18ch;
	color: var(--ef-semantic-color-action-secondary-foreground);
	font-size: var(--ef-primitive-font-size-h3);
	line-height: var(--ef-primitive-font-line-tight);
	letter-spacing: -0.035em;
}

.ef-v1-insight-feature__summary {
	margin: 0;
	color: var(--ef-semantic-color-text-on-dark-muted);
	line-height: var(--ef-primitive-font-line-body);
}

.ef-v1-insight-meta {
	margin: var(--ef-primitive-space-6) 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--ef-primitive-space-2) var(--ef-primitive-space-4);
	color: var(--ef-semantic-color-text-on-dark-muted);
	font-family: var(--ef-primitive-font-family-mono);
	font-size: var(--ef-primitive-font-size-technical-label);
	text-transform: uppercase;
}

.ef-v1-insight-meta > * + *::before {
	content: "/";
	margin-inline-end: var(--ef-primitive-space-4);
	color: var(--ef-primitive-color-blue-v1-muted);
}

.ef-v1-insight-feature__cta,
.ef-v1-insights-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ef-primitive-space-2);
	color: var(--ef-primitive-color-blue-v1-muted);
	font-family: var(--ef-primitive-font-family-mono);
	font-size: var(--ef-primitive-font-size-technical-label);
	font-weight: var(--ef-primitive-font-weight-bold);
	text-decoration: none;
	text-transform: uppercase;
}

.ef-v1-insight-feature__cta {
	margin-block-start: auto;
	padding-block-start: var(--ef-primitive-space-6);
}

.ef-v1-insight-list {
	min-inline-size: 0;
	grid-column: 3;
	grid-row: 1 / 3;
	display: grid;
	grid-template-rows: repeat(3, minmax(0, 1fr));
	gap: 1px;
	align-content: start;
	background: var(--ef-semantic-color-border-on-strong, var(--ef-color-border));
	border-block-start: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
}

.ef-v1-insight-row {
	min-inline-size: 0;
	padding: var(--ef-space-component);
	background: var(--ef-semantic-color-surface-strong);
	display: grid;
	grid-template-columns: 7.75rem minmax(0, 1fr);
	gap: var(--ef-primitive-space-5);
	border-block-end: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
}

.ef-v1-insight-row img {
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 6.75rem;
	object-fit: cover;
	filter: saturate(0.55) contrast(1.04);
}

.ef-v1-insight-row > div {
	min-inline-size: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ef-v1-insight-row h3 {
	margin: var(--ef-primitive-space-3) 0 var(--ef-primitive-space-2);
	color: var(--ef-semantic-color-action-secondary-foreground);
	font-size: var(--ef-primitive-font-size-body);
	line-height: var(--ef-primitive-font-line-body-compact);
}

.ef-v1-insight-row h3 a {
	color: inherit;
	text-decoration: none;
}

.ef-v1-insight-row .ef-v1-insight-meta {
	margin-block-start: auto;
}

.ef-v1-insights-all {
	min-block-size: 2.75rem;
	min-inline-size: 19rem;
	grid-column: 1 / -1;
	justify-self: end;
	padding-inline: var(--ef-primitive-space-6);
	border: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-blue600);
}

@media (hover: hover) and (pointer: fine) {

	.ef-v1-insight-feature__media:hover img {
		transform: scale(1.025);
	}

	.ef-v1-manufacturing-insights a:hover {
		color: var(--ef-primitive-color-white);
	}
}

@media (max-width: 900px) {

	.ef-homepage-section.ef-v1-manufacturing-insights {
		padding-block: var(--ef-primitive-space-16);
	}
}

/* 18rem + 16rem + 22rem tracks and two 2rem gaps need 60rem. */
@container ef-technical-library (max-width: 60rem) {

	.ef-v1-insights-editorial {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto;
		gap: var(--ef-primitive-space-6);
	}

	.ef-v1-insight-feature,
	.ef-v1-insight-list,
	.ef-v1-insights-all {
		grid-column: auto;
		grid-row: auto;
	}

	.ef-v1-section-heading--split {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--ef-primitive-space-4);
	}

	.ef-v1-insight-row {
		grid-template-columns: 6.25rem minmax(0, 1fr);
		gap: var(--ef-primitive-space-3);
	}
}

@container ef-technical-library (max-width: 40rem) {

	.ef-v1-insight-feature {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.ef-v1-insight-feature__media {
		block-size: 15rem;
	}

	.ef-v1-insight-feature__body {
		padding-block: var(--ef-primitive-space-6);
	}

	.ef-v1-insights-all {
		min-inline-size: 0;
		inline-size: 100%;
	}
}

/* Preserve media and readable text measures by stacking compact rows. */
@container ef-technical-library (max-width: 24rem) {

	.ef-v1-insight-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.ef-v1-insight-row img {
		block-size: auto;
		min-block-size: 0;
		aspect-ratio: 16 / 9;
	}
}

@media (prefers-reduced-motion: reduce) {

	.ef-v1-insight-feature__media img {
		transition-duration: var(--ef-primitive-motion-duration-none);
	}

	.ef-v1-insight-feature__media:hover img {
		transform: none;
	}
}