/* ---- 11. Pagination ------------------------------------------------------- */

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  margin-top: 1.25rem;
}

.pagination a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--ta-border-strong);
  border-radius: var(--ta-r-sm);
  background: var(--ta-surface);
  color: var(--ta-text);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.12s ease, color 0.12s ease;
}

.pagination a:hover {
  border-color: var(--ta-accent);
  color: var(--ta-accent);
  text-decoration: none;
}

.pagination span {
  color: var(--ta-muted);
  font-size: 0.88rem;
}