/*
 * Blog listing (home.php & page-blog.php). Layout base is in core.css;
 * this file adjusts loop rhythm, pagination, and reading ergonomics.
 */

.zj-blog-layout .zj-loop { padding-top: 0; }
.zj-loop-card:first-child { padding-top: 0; border-top: 0; }
.zj-loop-card:last-child { border-bottom: 0; }

/* Pagination wrapper (custom from page-blog.php) */
.zj-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: var(--s-8);
	padding-top: var(--s-6);
	border-top: 1px solid var(--line);
}
.zj-pagination .page-numbers {
	display: inline-flex;
	align-items: center; justify-content: center;
	min-width: 40px; height: 40px;
	padding: 0 12px;
	border: 1px solid var(--line);
	font-family: var(--font-sans);
	font-size: 0.88rem;
	text-decoration: none;
	color: var(--ink);
	border-radius: 999px;
	transition: background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}
.zj-pagination a.page-numbers:hover {
	background: var(--ink); color: var(--paper); border-color: var(--ink);
}
.zj-pagination .current {
	background: var(--oxblood); color: var(--paper); border-color: var(--oxblood);
}
.zj-pagination .prev, .zj-pagination .next { padding: 0 18px; }

/* When no featured image, keep loop-card title-line tight */
.zj-loop-card:not(:has(.zj-loop-card__image)) {
	grid-template-columns: 1fr;
}