/* Page numbers: archives, search, the diary */
.pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0 0;
  gap: 6px;
}
.pager :is(a, span) {
  display: inline-grid;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--ink);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  place-items: center;
  text-decoration: none;
}
.pager a:hover { background: var(--soft); }
.pager [aria-current] {
  background: var(--deep);
  color: var(--on-deep);
}
.pager :is(.older, .newer) {
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  gap: 8px;
  background: var(--field);
  box-shadow: inset 0 0 0 1px var(--rule-strong);
}
.pager .older { margin-left: auto; }
@media (max-width: 860px) {
  .pager .older { margin-left: 0; }
}