/* Department kicker: a quiet, letterspaced label the eye can skip. */
.department-kicker {
	margin: 0 0 var(--wp--preset--spacing--20);
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--emphasis-ink);
}

/* Previous / next: one under the other on narrow screens, split when roomy. */
.post-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--rule);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
}
.post-nav .post-navigation-link-next {
	margin-left: auto;
	text-align: right;
}

/* The meta line under the headline: byline, date, comment count, one quiet row.
   The two core blocks in it carry fontSize/textColor attributes, as the date
   always has; the bound paragraph is static markup, so it takes the same two
   tokens from here. The interpuncts are generated, so a missing piece leaves no
   stranded separator — a closed post with no comments has no link at all. */
.post-meta {
	align-items: baseline;
	gap: 0;
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-soft);
}
.post-meta > * {
	margin: 0;
}
.post-meta > * + *::before {
	content: "·";
	margin-inline: 0.5em;
}