/* Article Cards block */
.article-cards--header {
	text-align: center;
	margin-bottom: 48px;
}
.article-cards--eyebrow {
	margin: 0 0 12px;
}
.article-cards--heading {
	font-family: var(--cmcf-font-heading);
	font-size: var(--cmcf-fs-h1);
	font-weight: 400;
	color: var(--cmcf-primary);
	margin: 0;
}
.article-cards--on-green .article-cards--heading { color: var(--cmcf-white); }

/* Grid */
.article-cards--grid {
	display: grid;
	gap: 40px 60px;
}
.article-cards--cols-3 .article-cards--grid { grid-template-columns: repeat(3, 1fr); }
.article-cards--cols-2 .article-cards--grid { grid-template-columns: repeat(2, 1fr); }

/* Card */
.article-cards--card {
	display: flex;
	flex-direction: column;
}

/* Media */
.article-cards--media {
	width: 100%;
	overflow: hidden;
	background: var(--cmcf-grey-panel);
}
.article-cards--media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.article-cards--image-top .article-cards--media {
	aspect-ratio: 1 / 1;
}
.article-cards--media-empty {
	aspect-ratio: 1 / 1;
	background:
		repeating-conic-gradient(#f4f4f4 0% 25%, #e6e6e6 0% 50%) 0 0 / 28px 28px;
}

/* Body */
.article-cards--body {
	display: flex;
	flex-direction: column;
	padding-top: 12px;
	flex: 1;
}
.article-cards--label {
	font-family: var(--cmcf-font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cmcf-black);
	margin: 0 0 8px;
}
.article-cards--title {
	font-family: var(--cmcf-font-heading);
	font-weight: 400;
	font-size: var(--cmcf-fs-cardtitle);
	line-height: 1.2;
	color: var(--cmcf-primary);
	margin: 0 0 10px;
}
.article-cards--title a {
	color: inherit;
	text-decoration: none;
}
.article-cards--title a:hover { text-decoration: underline; }
.article-cards--snippet {
	font-family: var(--cmcf-font-body);
	font-size: 14px;
	line-height: 1.45;
	color: var(--cmcf-black);
	margin: 0 0 14px;
}
.article-cards--link {
	font-family: var(--cmcf-font-body);
	font-weight: 700;
	font-size: 14px;
	color: var(--cmcf-primary);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
}
.article-cards--link i, .article-cards--link svg { font-size: 0.8em; }
.article-cards--link:hover { text-decoration: underline; }

/* Media-left variant (Community Resources) */
.article-cards--media-left .article-cards--card {
	flex-direction: row;
	background: var(--cmcf-white);
	min-height: 200px;
}
.article-cards--media-left .article-cards--media {
	flex: 0 0 140px;
	width: 140px;
	aspect-ratio: auto;
	align-self: stretch;
}
.article-cards--media-left .article-cards--media-empty { aspect-ratio: auto; }
.article-cards--media-left .article-cards--body {
	padding: 28px 32px;
	justify-content: center;
}
/* On green: media-left "View" is a bordered pill button */
.article-cards--media-left .article-cards--link {
	border: 1px solid var(--cmcf-primary);
	border-radius: var(--cmcf-radius-pill);
	padding: 7px 18px;
	margin-top: 8px;
	align-self: flex-start;
}
.article-cards--media-left .article-cards--link:hover {
	background: var(--cmcf-primary);
	color: var(--cmcf-white);
	text-decoration: none;
}

/* Pagination */
.article-cards--pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 48px;
}
.article-cards--pg-arrow {
	width: 40px;
	height: 40px;
	border: 1px solid var(--cmcf-secondary);
	border-radius: 4px;
	background: transparent;
	color: var(--cmcf-primary);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14.4px;
}
.article-cards--pg-arrow:hover { background: var(--cmcf-secondary); color: var(--cmcf-white); }
.article-cards--pg-nums {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 8px;
}
.article-cards--pg-num {
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: var(--cmcf-font-body);
	font-size: 18px;
	color: var(--cmcf-primary);
	padding: 2px 4px;
	line-height: 1.2;
}
.article-cards--pg-num.is-active {
	font-weight: 700;
	border-bottom: 2px solid var(--cmcf-secondary);
}
/* Pagination on dark green */
.article-cards--on-green .article-cards--pg-num { color: var(--cmcf-white); }
.article-cards--on-green .article-cards--pg-num.is-active { border-bottom-color: var(--cmcf-accent); }
.article-cards--on-green .article-cards--pg-arrow { color: var(--cmcf-white); }
.article-cards--on-green .article-cards--pg-arrow:hover { background: var(--cmcf-secondary); color: var(--cmcf-deep); }

/* Editor preview */
.article-cards .admin-preview,
.admin-preview { padding: 16px; border: 1px dashed #ccc; }

@media (max-width: 860px) {
	.article-cards--cols-3 .article-cards--grid,
	.article-cards--cols-2 .article-cards--grid { grid-template-columns: 1fr; }
	.article-cards--media-left .article-cards--card { flex-direction: column; }
	.article-cards--media-left .article-cards--media { width: 100%; flex-basis: auto; aspect-ratio: 16 / 9; }
	.article-cards--media-left .article-cards--body { padding: 20px 22px; }
}

/* ---- Variant: .cmcf-news-featured (home "In the News") ----
   Design: intro column left (510px: eyebrow/heading/body/button), 2 cards
   right at 284px each; section 625px tall. */
@media (min-width: 981px) {
	.cmcf-news-featured .cmcf-container {
		display: grid;
		grid-template-columns: 510px auto;
		gap: 73px;
		justify-content: space-between;
		align-items: start;
	}
	.cmcf-news-featured .article-cards--header { text-align: left; margin: 0; padding-top: 106px; }
	.cmcf-news-featured .article-cards--grid {
		grid-template-columns: repeat(2, 284px);
		gap: 73px;
	}
	.cmcf-news-featured .article-cards--media img { width: 284px; height: 284px; object-fit: cover; }
}
.cmcf-news-featured .article-cards--intro { margin-top: 16px; }
.cmcf-news-featured .article-cards--intro-cta { margin-top: 24px; }
.cmcf-news-featured.cmcf-section { padding-block: 56px; }