/* Southern Range Product Content 2.6.3 — comparison leader/segment geometry correction. */

/* Use the exact displayed proportions already proven by Product Explorer.
   The supplied leader and segment SVG paths remain unchanged; matching their
   rendered x-scale is what makes the adjoining diagonals physically parallel. */
.srcm .srcm-tabs .srpc-comparison-tess-leader {
	flex: 0 0 124px;
	width: 124px;
	min-height: 48px;
}
.srcm .srcm-tabs .srcm-tab {
	flex: 0 0 180px;
	width: 180px !important;
	min-width: 180px !important;
	min-height: 48px !important;
	margin-inline-start: -26px !important;
}
.srcm .srcm-metrics .srpc-comparison-tess-leader {
	flex: 0 0 108px;
	width: 108px;
	min-height: 50px;
}
.srcm .srcm-metrics .srcm-metric {
	flex: 0 0 150px;
	width: 150px !important;
	min-width: 150px !important;
	min-height: 50px !important;
	margin-inline-start: -22px !important;
}

/* Below the desktop fit threshold, scale every horizontal measurement in a
   row by the same factor. This preserves parallel slopes and closed seams
   while the 44px interaction row protects touch accessibility. */
@media (max-width: 820px) {
	.srcm .srcm-tabs .srpc-comparison-tess-leader {
		flex-basis: 21.1604%;
		width: 21.1604%;
		min-height: 44px;
	}
	.srcm .srcm-tabs .srcm-tab {
		flex: 0 0 30.7167%;
		width: 30.7167% !important;
		min-width: 0 !important;
		min-height: 44px !important;
		margin-inline-start: -4.4369% !important;
		padding-inline: clamp(8px, 2.5vw, 14px) !important;
	}
	.srcm .srcm-metrics .srpc-comparison-tess-leader {
		flex-basis: 17.4194%;
		width: 17.4194%;
		min-height: 44px;
	}
	.srcm .srcm-metrics .srcm-metric {
		flex: 0 0 24.1935%;
		width: 24.1935% !important;
		min-width: 0 !important;
		min-height: 44px !important;
		margin-inline-start: -3.5484% !important;
		padding-inline: clamp(5px, 1.8vw, 10px) !important;
	}
}