.pagination{--pagination-button-size:36px;--pagination-page-gap:6px;width:100%;max-width:100%;color:var(--text,#111827);font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;padding:12px 0;display:inline-flex}.pagination__nav-button,.pagination__page-button{border:1px solid var(--border-soft,#eee);background:var(--surface,#fff);color:inherit;font-size:var(--fs-sm,14px);cursor:pointer;height:var(--pagination-button-size);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;line-height:1;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.pagination__nav-button:hover:not(:disabled),.pagination__page-button:hover:not(:disabled){border-color:var(--border,#e6e6e6);background:var(--surface-alt,#f5f5f5)}.pagination__nav-button:focus-visible,.pagination__page-button:focus-visible{outline:2px solid var(--orange,var(--brand));outline-offset:2px}.pagination__nav-button:disabled,.pagination__page-button:disabled{cursor:not-allowed;opacity:.44}.pagination__nav-button{min-height:var(--pagination-button-size);border-radius:var(--r-md);gap:6px;padding:0 12px}.pagination__page-group{justify-content:center;align-items:center;gap:var(--pagination-page-gap);min-width:0;display:flex}.pagination__page-button{width:var(--pagination-button-size);min-width:var(--pagination-button-size);height:var(--pagination-button-size);border-radius:var(--r-md);color:var(--text-muted);font-weight:600}.pagination__page-button--active{border-color:var(--orange,var(--brand));background:var(--orange,var(--brand));color:#111;cursor:default}.pagination__page-button--active:hover:not(:disabled){border-color:var(--orange,var(--brand));background:var(--orange,var(--brand))}.pagination__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (min-width:768px){.pagination{justify-content:center}.pagination__nav-button{min-width:86px}}@media (max-width:480px){.pagination{--pagination-button-size:32px;--pagination-page-gap:4px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px 0;display:grid}.pagination__nav-button{min-height:var(--pagination-button-size);font-size:var(--fs-xs,12px);padding:0 8px}.pagination__page-group{scrollbar-width:none;justify-self:center;max-width:100%;overflow-x:auto}.pagination__page-group::-webkit-scrollbar{display:none}.pagination__page-button{width:var(--pagination-button-size);min-width:var(--pagination-button-size);height:var(--pagination-button-size);font-size:var(--fs-xs,12px)}}