/*
 * Resources library. One table per catalog group, style number then the
 * description, with the PDF at the right edge.
 */

.data-sheets__empty {
	margin: 0;
	color: var(--sk-gray-copy);
}

.data-sheets__group + .data-sheets__group {
	margin-block-start: clamp(2.5rem, 5vw, 4rem);
}

.data-sheets__group-title {
	margin: 0 0 1.25rem;
	padding-block-start: 0.75rem;
	border-block-start: 5px solid var(--sk-accent);
	font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2rem);
}

.data-sheets__subgroup-title {
	margin: 1.75rem 0 0.75rem;
	color: var(--sk-gray-copy);
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
}

.data-sheets__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.data-sheets__table th,
.data-sheets__table td {
	padding: 0.85rem 0.75rem 0.85rem 0;
	border-block-end: 1px solid color-mix(in srgb, var(--sk-gray) 22%, transparent);
	text-align: start;
	vertical-align: baseline;
}

.data-sheets__table thead th {
	padding-block: 0.5rem 0.65rem;
	border-block-end-width: 2px;
	border-block-end-color: var(--sk-accent);
	color: var(--sk-gray);
	font-size: 0.6875rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.data-sheets__table tbody th {
	width: 9rem;
	font-size: 1rem;
	font-weight: 700;
}

.data-sheets__style {
	color: var(--sk-black);
	text-decoration: none;

	&:hover,
	&:focus-visible {
		color: var(--sk-accent);
	}
}

.data-sheets__description {
	color: var(--sk-gray-copy);
	line-height: 1.45;
}

.data-sheets__action {
	width: 5.5rem;
	text-align: end;
}

.data-sheets__download {
	color: var(--sk-accent-dark);
	font-family: var(--sk-font-display);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-transform: uppercase;

	&::after {
		content: " \2193";
	}

	&:hover,
	&:focus-visible {
		color: var(--sk-accent);
	}
}

@media (max-width: 47.99rem) {
	.data-sheets__table thead {
		display: none;
	}

	.data-sheets__table,
	.data-sheets__table tbody,
	.data-sheets__table tr,
	.data-sheets__table th,
	.data-sheets__table td {
		display: block;
		width: auto;
	}

	.data-sheets__table tr {
		padding-block: 0.85rem;
		border-block-end: 1px solid color-mix(in srgb, var(--sk-gray) 22%, transparent);
	}

	.data-sheets__table th,
	.data-sheets__table td {
		padding: 0;
		border: 0;
	}

	.data-sheets__description {
		margin-block-start: 0.25rem;
	}

	.data-sheets__action {
		margin-block-start: 0.5rem;
		text-align: start;
	}
}