/* Blog & article */
.blog-wrap, .single-wrap, .page-wrap, .error-404-wrap { padding: 4rem 1.5rem; }
.page-header { margin-bottom: 3rem; text-align: center; }
.post-list { display: grid; gap: 2.5rem; }
.post-card {
	background: var(--rm-card);
	border: 1px solid var(--rm-border);
	border-radius: var(--rm-radius);
	overflow: hidden;
	transition: box-shadow .2s;
}
.post-card:hover { box-shadow: var(--rm-shadow-lg); }
.post-thumb img { width: 100%; height: 240px; object-fit: cover; }
.post-body { padding: 1.5rem 2rem 2rem; }
.post-title { font-size: 1.5rem; margin-bottom: 0.5rem; }
.post-title a { color: var(--rm-text); }
.post-title a:hover { color: var(--rm-primary); }
.post-meta { font-size: 0.8125rem; color: var(--rm-muted); margin-bottom: 1rem; }
.post-excerpt { color: var(--rm-muted); margin-bottom: 1rem; }
.read-more { color: var(--rm-primary); font-weight: 500; }

.single-post .entry-header { text-align: center; margin-bottom: 2rem; }
.single-post .entry-title { font-size: 2.5rem; }
.single-post .entry-thumbnail { margin-bottom: 2.5rem; }
.single-post .entry-thumbnail img { border-radius: var(--rm-radius); }
.entry-content > * { margin-bottom: 1.25rem; }
.entry-content h2, .entry-content h3 { margin-top: 2rem; }

.comments-area { margin-top: 4rem; max-width: 800px; }
.comment-list { list-style: none; padding: 0; }
.comment-body { padding: 1.5rem; background: var(--rm-card); border-radius: var(--rm-radius); margin-bottom: 1rem; }

.navigation.pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 3rem;
}
.nav-links .page-numbers {
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--rm-border);
	border-radius: var(--rm-radius);
	color: var(--rm-text);
}
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover {
	background: var(--rm-primary);
	color: #fff;
	border-color: var(--rm-primary);
}