/* ---------- PAGINATION: rounded brand buttons ---------- */
.pagination-wrapper{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.pagination-wrapper .page,.pagination-wrapper .prev,.pagination-wrapper .next{display:inline-flex}
.pagination-wrapper .page a,.pagination-wrapper .prev a,.pagination-wrapper .next a,.pagination-wrapper .page.current{
  --ff-btn-bg:#303542;--ff-btn-fg:#fff;--ff-btn-outline:#303542;
  min-width:40px;height:40px;padding:0 14px;border:1px solid var(--ff-btn-outline);border-radius:999px;
  font-size:16px;line-height:38px;text-align:center;text-decoration:none;transition:transform .06s,background-color .15s,color .15s,border-color .15s
}
.pagination-wrapper .page a,.pagination-wrapper .prev a,.pagination-wrapper .next a{background:transparent;color:var(--ff-btn-outline)}
.pagination-wrapper .page.current{background:var(--ff-btn-bg);color:var(--ff-btn-fg)}
.pagination-wrapper .page a:hover,.pagination-wrapper .prev a:hover,.pagination-wrapper .next a:hover,
.pagination-wrapper .page a:focus-visible,.pagination-wrapper .prev a:focus-visible,.pagination-wrapper .next a:focus-visible{background:var(--ff-btn-bg);color:var(--ff-btn-fg);outline:none}
.pagination-wrapper .page a:active,.pagination-wrapper .prev a:active,.pagination-wrapper .next a:active{transform:translateY(1px)}
.pagination-wrapper a:focus-visible{outline:3px solid #303542;outline-offset:2px;border-radius:12px}
