.ap-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--ap-space-xs);
  padding-block: var(--ap-space-lg);
}

.ap-pagination a,
.ap-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding-inline: var(--ap-space-xs);
  border-radius: var(--ap-radius-sm);
  background: var(--ap-surface);
  border: 1px solid var(--ap-border);
  color: var(--ap-text);
  font-size: var(--ap-fs-sm);
}

.ap-pagination a:hover { border-color: var(--ap-primary); }
.ap-pagination a:focus-visible { outline: none; box-shadow: var(--ap-focus-ring); }

.ap-pagination [aria-current="page"] {
  background: var(--ap-primary);
  border-color: var(--ap-primary);
  color: var(--ap-text-inverse);
  font-weight: 600;
}