.news-card {
	--icon-size: 2rem;
	display: flex;
	position: relative; /* anchors the title's .stretched-link overlay */
	flex-direction: column;
	padding: 1.25rem;
	color: black;
	border: 12px solid var(--gold);
	h3 a {
		color: inherit; /* follows the h3's black/blue, not the link color */
		text-decoration: none;
	}
}
.news-card-date {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--red);
	margin-bottom: .5rem;
	span {
		font-size: .9em;
		position: relative;
		top: -.15em;
	}
}
.news-card h3 {
	color: black !important;
}
.news-card-icon {
	display: block;
	margin-top: auto;
	margin-inline: auto;
	width: var(--icon-size);
	height: var(--icon-size);
	fill: black;
}
.news-card:is(:hover, :focus-within) h3 {
	color: var(--blue) !important;
}
.news-card:is(:hover, :focus-within) .news-card-icon {
	fill: var(--blue);
}
/* Card-sized tab stop gets a card-sized focus ring */
.news-card .stretched-link:focus-visible {
	outline: none;
	&::after {
		outline: 2px solid var(--blue);
		outline-offset: 4px;
	}
}