.category-featured-section {
	padding: var(--spacing-80) 0;
}

.category-featured-section--dark {
	background: var(--midnight);
	color: var(--white);
}

.category-featured-section__header {
	margin-bottom: var(--spacing-50);
}

.category-featured-section__title {
	color: var(--orange);
	font-size: var(--step-5);
	line-height: 1.1;
	margin: 0 0 var(--spacing-10);
}

.category-featured-section__description {
	font-size: var(--step-0);
	line-height: 1.5;
}

.category-featured-section__description p {
	margin: 0;
}

.category-featured-section__layout {
	display: grid;
	gap: var(--spacing-50);
	grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
	align-items: start;
}

.category-featured-section__featured,
.category-featured-section__side {
	min-width: 0;
}

.category-featured-section__side-cards {
	display: grid;
	gap: var(--spacing-30);
}

.category-featured-section__footer {
	margin-top: var(--spacing-40);
}

.category-featured-section__link {
	align-items: center;
	color: var(--teal-contrast);
	display: inline-flex;
	font-size: var(--step-0);
	gap: var(--spacing-10);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.category-featured-section__link svg {
	flex-shrink: 0;
	height: 1em;
	width: 1em;
}

@media (width <= 768px) {
	.category-featured-section__layout {
		grid-template-columns: 1fr;
	}
}