/* Discovery pagination follows the shared contract-result grid. */
.pagination-nav {
  padding: var(--space-9) var(--space-fluid-card) 0;
  border-top: var(--border-width) solid var(--color-border);
}

@scope (.pagination-nav) {
  nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-2);
  }

  nav > span:has(a) {
    display: contents;
  }

  a,
  nav > span:not(:has(a)) {
    display: inline-flex;
    min-width: var(--control-height);
    min-height: var(--control-height);
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-5);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
  }

  a:hover {
    border-color: var(--color-border-strong);
    color: var(--color-flower);
  }

  nav > span.current {
    border-color: var(--color-border-strong);
    background: var(--color-surface-muted);
    color: var(--color-heading);
  }
}