/* Two columns of spec rows on a wide screen: a single long list is a lot of
   scrolling for what is reference material. */
/*
 * A CSS column count balances badly with few rows, leaving one side short.
 * A two-track grid fills left to right and keeps both columns level.
 */
.product-specs__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--sp-2xl);
	border-top: 0;
}

.product-specs__list .spec-list__row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	border-top: 1px solid var(--c-border);
	border-bottom: 0;
}

.product-specs__list .spec-list__key {
	font-family: var(--font-heading);
	font-weight: var(--fw-semibold);
}

@media (max-width: 900px) {
	.product-specs__list {
		grid-template-columns: minmax(0, 1fr);
	}
}