/*
 * The year row that breaks the blog grid.
 *
 * It is a list item in the grid's own list, spanning every column, so it sits
 * on its own line between groups of cards. The year is set in the site's
 * typed voice — the same Courier Prime, at the same weight, tracking and
 * colour as the post dates and the creations card's stamp — but at heading
 * size, so it reads as a marker rather than as a card title.
 */

.mf-year-break {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding-top: 1.5rem;
}

/* The first group needs no break above it — it already follows the page's
   opening rule. */
.mf-year-break:first-child {
	padding-top: 0;
}

.mf-year-break__year {
	margin: 0;
	font-family: var(--wp--preset--font-family--courier-prime), monospace;
	font-size: var(--wp--preset--font-size--extra-large);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--secondary);
}