/**
 * newsgrid: loaded only on pages that show it.
 *
 * Split out of the shared stylesheets by bin/split-css.py; loaded by
 * inc/feature-styles.php when something on the page has the class.
 */

/* ---------- From blocks.css ---------- */
/* ---------- News ----------------------------------------------------------
 *
 * `cong-newsgrid`, not `cong-news`. The home page's query loop already owns
 * `cong-news` in layout.css — including `.cong-news__list > li { display:
 * flex }`, which would have fought this block's grid from another file.
 *
 * Almost nothing of its own: the cards are `cong-card`, the grid is
 * `cong-grid`, and both are already styled for programs, events and sermons.
 * That is the point — the Care page had a core query pattern rendering five
 * posts as enormous underlined headings among a page of cards, and the fix is
 * to be the same thing as everything else rather than a fourth opinion.
 * -------------------------------------------------------------------------- */

.cong-newsgrid__list {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
	max-inline-size: 44rem;
}

.cong-newsgrid__more { margin-block-start: var(--wp--preset--spacing--40); }