.pagination, .posts-navigation, .post-navigation {
  margin: var(--space-xl) 0 0; padding: var(--space-l) 0; border-top: 1px solid var(--color-border);
}
.nav-links { display: flex; flex-wrap: wrap; gap: var(--space-s); justify-content: center; align-items: center; }
.page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.5rem; height: 2.5rem; padding: 0 var(--space-s);
  border: 1px solid var(--color-border); border-radius: var(--radius-s);
  color: var(--color-text); font-size: var(--font-size-sm); font-weight: 500;
  transition: background .15s, color .15s;
}
a.page-numbers:hover {
  background: var(--color-primary); color: #fff; border-color: var(--color-primary); text-decoration: none;
}
.page-numbers.current { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.page-numbers.dots { border-color: transparent; background: transparent; }

.post-navigation .nav-links { justify-content: space-between; }
.nav-previous, .nav-next { max-width: 48%; }
.nav-previous a, .nav-next a { font-weight: 600; color: var(--color-primary); }