/* Pagination (A-06): "Showing 1–8 of 64" left, Previous (outline) / Next (dark) right. pager_nav(pager). */
@layer components {
  .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 20px 0;
    color: var(--color-neutral-700);
    font-size: 13.5px;
  }

  .pager__actions {
    display: flex;
    gap: 6px;
  }

  /* An unavailable Previous/Next keeps its outline (A-06) but fades. */
  .pager__actions .btn.is-disabled {
    border-color: var(--color-btn-border);
    background: transparent;
    color: var(--color-neutral-600);
  }

  @media (max-width: 767px) {
    .pager { padding: 8px 4px 0; }
  }
}