/* Pagination VXG : navigation stable, pages scrollables et page courante centrée. */
html .vxg-pagination{--vxg-pagination-radius:12px;box-sizing:border-box;display:grid;width:min(100%,760px);gap:10px;margin:34px auto 44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html .vxg-pagination__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
html .vxg-pagination__nav>:is(a,span){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:154px;min-height:44px;margin:0;padding:0 18px;border:1px solid var(--border);border-radius:var(--vxg-pagination-radius);background:var(--surface-elevated);color:var(--foreground);font:800 12.5px/1 Inter,sans-serif;text-decoration:none;transition:border-color .16s,background .16s,color .16s,transform .16s}
html .vxg-pagination .vxg-pagination__nav>:is(a,span).prev,html .vxg-pagination .vxg-pagination__nav>:is(a,span).next{min-width:154px;font-size:12.5px}
html .vxg-pagination__nav>:is(a,span).next{margin:0 0 0 auto}
html .vxg-pagination__nav>:is(a,span).prev{margin:0 auto 0 0}
html .vxg-pagination__nav svg{width:16px;height:16px;margin:0!important;fill:currentColor!important}
html .vxg-pagination__nav .is-disabled{opacity:.42;cursor:not-allowed}
html .vxg-pagination__pages{box-sizing:border-box;display:flex;align-items:center;gap:7px;width:100%;max-width:100%;padding:4px 2px 8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--primary) 52%,var(--border)) transparent;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
html .vxg-pagination__pages>:first-child{margin-left:auto}
html .vxg-pagination__pages>:last-child{margin-right:auto}
html .vxg-pagination__pages>:is(a,span){box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;min-height:40px;margin:0;border:1px solid var(--border);border-radius:var(--vxg-pagination-radius);background:var(--surface-elevated);color:var(--muted-foreground);font:750 12px/1 Inter,sans-serif;text-decoration:none;font-variant-numeric:tabular-nums;scroll-snap-align:center;transition:border-color .16s,background .16s,color .16s,transform .16s}
html .vxg-pagination__pages>.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:var(--shadow-glow);font-weight:850}
html .vxg-pagination__pages>.vxg-pagination__ellipsis{border-color:transparent;background:transparent;font-size:17px;letter-spacing:.06em}
@media (hover:hover) and (pointer:fine){
  html .vxg-pagination__nav>a:hover,html .vxg-pagination__pages>a:hover{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 16%,var(--surface-elevated));color:#fff;transform:translateY(-1px)}
}
@media (max-width:640px){
  html .vxg-pagination{width:100%;gap:8px;margin:26px auto 34px;padding:0;border-radius:0}
  html .vxg-pagination__nav{gap:8px}
  html .vxg-pagination .vxg-pagination__nav>:is(a,span).prev,html .vxg-pagination .vxg-pagination__nav>:is(a,span).next{min-width:0;font-size:11.5px}
  html .vxg-pagination__nav>:is(a,span){flex:1 1 50%;min-width:0;min-height:44px;padding:0 12px;font-size:11.5px}
  html .vxg-pagination__pages{gap:6px;margin:0 -2px;padding-bottom:7px}
  html .vxg-pagination__pages>:is(a,span){flex-basis:38px;width:38px;min-width:38px;min-height:38px;border-radius:var(--vxg-pagination-radius)}
}
@media (prefers-reduced-motion:reduce){html .vxg-pagination *{scroll-behavior:auto!important;transition:none!important}}