.article-cards {
	padding: 2rem 1rem;

	.article-card--item {
		flex: 1 1 100%;
		background: var(--card-bg);
		gap: 0;

		img {
			width: 100%;
		}

		.card-content--wrapper {
			padding: 1rem 1rem 2rem;

			.card--heading {
				margin: 0;
				font-size: calc(
					var(--font-size__base, 18px) * var(--font-factor__h4, 1.2)
				);
			}

			.card--content {
				p:last-child,
				ul:last-child,
				ul:last-child li:last-child {
					margin-bottom: 0 !important;
				}
			}
		}
	}
}

@media screen and (min-width: 660px) {
	.article-cards {
		.article-card--item {
			flex: 0 1 calc(50% - 0.5rem);
		}
	}
}
@media screen and (min-width: 960px) {
	.article-cards {
		.article-card--item {
			flex: 0 1 calc(33.333% - 0.667rem);
		}
	}
}