.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; }

/* Prev/Next on single posts */
.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); }