.cards-v2-4-across {
	margin-bottom: 60px;
}

.cards-v2-4-across .slide {
	overflow: hidden;
}

.cards-v2-4-across .slides {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 1190px;
	gap: 30px 20px;
	padding-inline: 15px;
}

.cards-v2-4-across .slide-top {
	margin-bottom: 10px;
}

.cards-v2-4-across .content-section {
	gap: 13px;
	flex-grow: unset;
}

.cards-v2-4-across .slide-title {
	font-size: calc(18rem/16);
	line-height: 1;
	font-weight: var(--font-weight-bold);
	color: var(--gray-dark);
}

.cards-v2-4-across .slide-desc {
	font-size: calc(14rem/16);
	line-height: 1.5;
	color: var(--gray-dark);
}

.cards-v2-4-across .slide:not(.dtn-outside-image) .sponsored {
	inset: 8px auto auto 8px;
}

.cards-v2-4-across .slide-footer .read-more {
	font-weight: bold;
	font-size: var(--text-sm);
	text-decoration: underline;
	color: var(--gray-dark);
	text-underline-offset: 3px;
}

@media (hover: hover) {
	.cards-v2-4-across .slide-footer .read-more:hover {
		background-color: transparent;
	}

	.cards-v2-4-across .slide-title > a:hover {
		color: inherit;
	}
}

@container (min-width: 40em) {
	.cards-v2-4-across .slide:not(.dtn-outside-image) .sponsored {
		inset: 10px auto auto 10px;
	}

	.cards-v2-4-across .slide-top {
		margin-bottom: 20px;
	}
	
	.cards-v2-4-across .slide-title {
		font-size: 1.5rem;
	}
	
	.cards-v2-4-across .slide-desc {
		font-size: 1rem;
	}

	.cards-v2-4-across .slide-footer .read-more {
		font-size: 1rem;
	}
}

@container (min-width: 64em) {
	.cards-v2-4-across {
		margin-bottom: 110px;
	}

	.cards-v2-4-across .slides {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}