/*** Template: Archive — Newsroom ("In the News") ***/

/* Jazzy injects the cards as <ul jx-form-results-items> (no .news-grid class), so
   the 3-up grid lives on that ul. Shared by the press-release archive via @import. */

.news-archive {
	padding-block: 0 var(--module-spacing-large);
}

/* minmax(0,1fr), not 1fr — a bare 1fr floors at min-content, so a card with a long
   unbreakable headline or wide media blows out its track and the columns go uneven.
   The 0 floor keeps every column equal regardless of content. */
.news-archive ul[jx-form-results-items] {
	display: grid;
	gap: var(--module-spacing-small) var(--text-spacing-large);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-archive .no-results {
	color: color-mix(in srgb, var(--black) 60%, transparent);
}

/***************************************************************************************************************************************************************************************/
/* MQ MAX-WIDTH 950 - Tablet Sizes */
/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(950rem / 16)) {

	.news-archive ul[jx-form-results-items] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

/***************************************************************************************************************************************************************************************/
/* MQ MAX-WIDTH 650 - Mobile Sizes */
/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(650rem / 16)) {

	.news-archive ul[jx-form-results-items] {
		grid-template-columns: minmax(0, 1fr);
	}

}