/* Studio Variant — UV Printing & Finishing chapter
   ----------------------------------------------------------------------
   Class-scoped additions on top of sv.css, scanning.css and the shared
   detail/module layer in laser.css. Nothing here reaches another page.
   ---------------------------------------------------------------------- */

.sc-hero-art > .uv-hero-svg {
	max-height: min(76vh, 700px);
	margin-inline: auto;
}

/* Wide illustrative rows (product row, layer section) */
.uv-wide {
	color: var(--sv-titanium);
	padding: var(--sv-3) 0;
	border-top: 1px solid var(--sv-border);
	border-bottom: 1px solid var(--sv-border);
	overflow-x: auto;
}
.uv-wide-svg {
	display: block;
	width: 100%;
	height: auto;
	min-width: 560px;
}

/* Outcome grid: the things people actually ask for, as a scannable list */
.uv-outcomes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sv-3);
	list-style: none;
	margin: 0;
	padding: 0;
}
.uv-outcomes li {
	padding: var(--sv-4);
	border: 1px solid var(--sv-border);
	border-radius: var(--sv-radius-sm);
	background: rgba(255, 255, 255, 0.015);
}
.uv-outcomes b {
	display: block;
	font-family: var(--sv-font-display);
	font-weight: 500;
	font-size: var(--sv-h4);
	letter-spacing: -0.01em;
	color: var(--sv-text);
	margin-bottom: var(--sv-2);
}
.uv-outcomes span {
	display: block;
	font-size: var(--sv-body-s);
	color: var(--sv-text-muted);
}

/* Two ways to start: supplied product or sourced product */
.uv-ways {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sv-3);
}
.uv-way {
	padding: var(--sv-5);
	border: 1px solid var(--sv-border);
	border-radius: var(--sv-radius-sm);
	display: flex;
	flex-direction: column;
	gap: var(--sv-3);
}
.uv-way h3 {
	margin: 0;
	font-family: var(--sv-font-display);
	font-weight: 500;
	font-size: var(--sv-h3);
	letter-spacing: -0.016em;
}
.uv-way p {
	margin: 0;
}
.uv-way .sv-micro {
	color: var(--sv-brass, #c3a06a);
}

/* Combined-process chains */
.uv-combos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sv-3);
	list-style: none;
	margin: 0;
	padding: 0;
}
.uv-combos li {
	padding: var(--sv-4);
	border-top: 1px solid var(--sv-border);
}
.uv-combos li b {
	display: block;
	font-family: var(--sv-font-mono);
	font-size: var(--sv-micro);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--sv-text);
	margin-bottom: var(--sv-2);
}
.uv-combos li b i {
	font-style: normal;
	color: var(--sv-text-muted);
}
.uv-combos li span {
	display: block;
	font-size: var(--sv-body-s);
	color: var(--sv-text-muted);
}

@media (max-width: 900px) {
	.uv-outcomes,
	.uv-combos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.uv-outcomes,
	.uv-combos,
	.uv-ways {
		grid-template-columns: minmax(0, 1fr);
	}
}