.dki-specs__heading {
	margin-bottom: 1.5rem;
}

.dki-specs__scroll-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.dki-specs__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.dki-specs__table th,
.dki-specs__table td {
	padding: 0.625rem 0.875rem;
	border: 1px solid #e2e8f0;
	text-align: left;
	vertical-align: middle;
}

.dki-specs__table thead th {
	background-color: #1a2744;
	color: #ffffff;
	font-weight: 600;
	white-space: nowrap;
}

.dki-specs__table tbody th[scope="row"] {
	font-weight: 600;
	background-color: #f8fafc;
	white-space: nowrap;
	width: 40%;
}

.dki-specs__table tbody tr:nth-child(even) td {
	background-color: #f1f5f9;
}

/* Multi-model horizontal scroll — sticky first column */
.dki-specs__table--multi tbody td:first-child,
.dki-specs__table--multi thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background-color: inherit;
}

.dki-specs__table--multi thead th:first-child {
	z-index: 2;
}

.dki-specs__empty {
	color: #999;
	font-style: italic;
	padding: 1rem;
	border: 1px dashed #ccc;
	border-radius: 4px;
}

@media (max-width: 767px) {
	.dki-specs__table th,
	.dki-specs__table td {
		padding: 0.5rem 0.625rem;
		font-size: 0.875rem;
	}
}