.bk-archive-list {
	display: grid;
}

.bk-archive-card {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--bk-gap-lg);
	align-items: center;
}

.bk-archive-card + .bk-archive-card {
	position: relative;
	margin-top: calc((var(--bk-gap-lg) * 2) + 1px);
}

.bk-archive-card + .bk-archive-card::before {
	content: "";
	position: absolute;
	top: calc((var(--bk-gap-lg) * -1) - 1px);
	left: 0;
	right: 0;
	height: 1px;
	background: var(--bk-color-border);
}

.bk-content-media--archive {
	display: block;
	outline-offset: var(--bk-space-1);
}

.bk-content-media--archive img { transition: transform .18s ease; }

.bk-content-media--archive:hover img,
.bk-content-media--archive:focus-visible img {
	transform: scale(1.04);
}

.bk-archive-card__title {
	margin: 0 0 var(--bk-space-3);
	font-size: var(--bk-font-size-h4);
	line-height: var(--bk-line-height-subheading);
}

.bk-archive-card__title a {
	color: var(--bk-color-dark);
	text-decoration: none;
}

.bk-archive-card__title a:hover,
.bk-archive-card__title a:focus {
	color: var(--bk-color-primary);
}

.bk-archive-card__excerpt {
	margin: 0;
	color: var(--bk-color-text-muted);
}

@media (max-width: 768px) {
	.bk-archive-card {
		grid-template-columns: 1fr;
	}
}