/* =========================
   Pagination
   ========================= */

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-12);
  margin-top: var(--space-40);
  font-family: var(--font-family-ui);
}

.pagination a {
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  background: var(--color-background-chip);
  color: var(--color-text-secondary);
  font-size: 0.9rem;
  text-decoration: none;
  transition: background 0.2s ease;
}

.pagination a:hover {
  background: var(--color-background-chip-active);
}

.pagination .active {
  background: var(--color-text-primary);
  color: var(--color-white);
}

.ellipsis {
  padding: var(--space-8) var(--space-4);
  color: var(--color-text-disabled);
}