@media screen and (min-width: 768px) {
  #siteNav ul {
    justify-content: center;
  }
}

#siteNav .prev a,
#siteNav .next a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgba(94, 197, 212, 0.2), rgba(99, 102, 241, 0.2));
  border-radius: 999px;
  padding: 12px 18px;
  color: #1f2a44;
  font-weight: 600;
  border: 1px solid rgba(99, 102, 241, 0.15);
  transition: all 0.2s ease;
}

#siteNav .prev a:hover,
#siteNav .next a:hover {
  background: linear-gradient(135deg, #5ec5d4, #6366f1);
  color: #ffffff;
  box-shadow: 0 12px 32px rgba(99, 102, 241, 0.28);
}