/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* Pagination variants */
  .pg-compact, .pg-dots, .pg-range, .pg-jump { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:13px; color:var(--text-muted); }
  .pg-compact button, .pg-dots > button, .pg-range-btns button, .pg-jump button { min-height:34px; padding:6px 12px; border:1px solid var(--hairline-strong); border-radius:var(--r-sm); background:var(--surface); font-size:12.5px; color:var(--text); cursor:pointer; }
  .pg-compact button:disabled, .pg-dots > button:disabled, .pg-range-btns button:disabled, .pg-jump button:disabled { opacity:.5; cursor:not-allowed; }
  .pg-compact strong { color:var(--ink); }
  .pg-dots-row { display:flex; align-items:center; gap:8px; }
  .pg-dots-row button { width:11px; height:11px; min-height:0; padding:0; border:0; border-radius:50%; background:var(--hairline-strong); cursor:pointer; }
  .pg-dots-row button.is-on { background:var(--brand); transform:scale(1.25); }
  .pg-loadmore { display:grid; gap:8px; justify-items:start; }
  .pg-loadmore-bar { width:100%; max-width:280px; height:6px; border-radius:var(--r-pill); background:var(--surface-alt); overflow:hidden; }
  .pg-loadmore-bar span { display:block; height:100%; background:var(--brand); }
  .pg-loadmore-count { font-size:12px; color:var(--text-muted); }
  .pg-range-btns { display:flex; gap:4px; }
  .pg-jump-label { display:inline-flex; align-items:center; gap:6px; }
  .pg-jump-label label { color:var(--text-muted); }
  .pg-jump select { min-height:34px; border:1px solid var(--hairline-strong); border-radius:var(--r-sm); background:var(--surface); padding:5px 8px; font:inherit; font-size:12.5px; color:var(--ink); }
