/*
 * Previous, the pages, Next (`shared/_pagination`): the screener's results and
 * the admin list of data anomalies — caps links, the current page ink on an
 * underline. Pagy computes the series; the markup is
 * the app's own, because pagy_nav emits class names of its own.
 */
@layer components {
  .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xs);
    margin-block-start: var(--space-lg);
    font-size: var(--text-caps);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;

    & > * {
      display: inline-grid;
      place-items: center;
      min-inline-size: 2.5rem;
      min-block-size: 2.5rem;
      padding-inline: var(--space-xs);
      border-radius: var(--radius-md);
    }

    & > a {
      color: var(--color-link);
      text-decoration: none;
    }

    & > a:hover {
      color: var(--color-link-hover);
      text-decoration: underline;
    }
  }

  .pagination__current {
    box-shadow: inset 0 -2px 0 var(--color-ink);
    color: var(--color-ink);
    font-weight: var(--weight-semibold);
  }

  .pagination__disabled {
    color: var(--color-ink-subtle);
  }
}