/* Content cards. Figma 2260:49768 desktop (2 columns, 24/32 gaps), 2300:51278 mobile (stack, 24 gap). */

.content-cards .section-head { margin-bottom: 24px; }

.content-cards__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 440px), 1fr));
	gap: 32px 24px;
}

.content-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.content-card__media {
	aspect-ratio: 598 / 399;
	border-radius: var(--r-m);
	overflow: hidden;
	background: var(--c-bg-grey);
}

.content-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.content-card__title { font: var(--f-header-m); color: var(--c-text-dark); }
.content-card__text { font: var(--f-body-s); color: var(--c-text-grey); }

@media (max-width: 767px) {
	.content-cards__list { gap: 24px; }
	.content-card__title { font: var(--f-header-s); }
}