/* News list (/news/) and the "Latest news" box on the homepage. See inc/news.php. */

.pf-news-list { display: grid; gap: 1.2rem; margin: 1.5rem 0; }
.pf-news-card {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 1.2rem;
	align-items: start;
	padding: 1rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	background: var(--wp--preset--color--white);
}
.pf-news-card-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 7px; display: block; }
.pf-news-card time,
.pf-news-compact time {
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber);
	font-weight: 700;
}
.pf-news-card h2 { margin: 0.25rem 0 0.5rem; font-size: 1.3rem; line-height: 1.25; }
.pf-news-card h2 a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pf-news-card h2 a:hover { color: var(--wp--preset--color--amber); }
.pf-news-card p { margin: 0; color: var(--wp--preset--color--ink-soft); }

.pf-news-compact { list-style: none; margin: 0.4rem 0 0; padding: 0; }
.pf-news-compact li { padding: 0.35rem 0; border-top: 1px solid var(--wp--preset--color--line); }
.pf-news-compact li:first-child { border-top: 0; }
.pf-news-compact time { margin-right: 0.4rem; }
.pf-news-all { margin: 0.5rem 0 0; font-weight: 700; }

.pf-post-meta { margin: 0 0 1rem; font-size: 0.85rem; color: var(--wp--preset--color--ink-soft); }
.pf-post-meta a { font-weight: 700; }

@media (max-width: 640px) {
	.pf-news-card { grid-template-columns: 1fr; gap: 0.8rem; }
}

/* Safety net: wpautop can slip empty paragraphs into shortcode output, which
   would become grid items and push the card body onto a second row. */
.pf-news-card > p:empty,
.pf-news-card-body > p:empty { display: none; }
.pf-news-card-img img { height: auto; }

/* "News about this route" at the foot of a page. */
.pf-related-news {
	margin: 2rem 0 0;
	padding: 1rem 1.2rem;
	border: 1px solid var(--wp--preset--color--line);
	border-left: 4px solid var(--wp--preset--color--amber);
	border-radius: 8px;
	background: var(--wp--preset--color--white);
}
.pf-related-news h2 { margin: 0 0 0.4rem; font-size: 1.15rem; }