.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);margin:var(--space-6) 0}.pagination__summary{margin:0;font-size:var(--text-sm);color:var(--color-ink-500)}.pagination__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.pagination__page,.pagination__step{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-width:44px;min-height:44px;padding:0 var(--space-3);border:1.5px solid transparent;border-radius:var(--radius-pill);font-weight:700;font-size:var(--text-sm);color:var(--color-primary-700);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pagination__page:hover,.pagination__step:hover{background:var(--color-primary-050);color:var(--color-primary-800)}.pagination__page:active,.pagination__step:not(.is-disabled):active{transform:scale(.96)}.pagination__page[aria-current=page],.pagination__page[aria-current=page]:hover{background:var(--color-action);color:var(--color-on-action)}.pagination__step{padding:0 var(--space-4);border-color:var(--color-primary-300);background:var(--color-surface)}.pagination__step:hover{border-color:var(--color-primary-600)}.pagination__step.is-disabled,.pagination__step.is-disabled:hover{background:transparent;border-color:var(--color-line);color:var(--color-ink-500);cursor:default}.pagination__step--prev:before,.pagination__step--next:after{content:"";width:.45em;height:.45em;border-top:2px solid currentColor;border-right:2px solid currentColor}.pagination__step--prev:before{transform:rotate(-135deg)}.pagination__step--next:after{transform:rotate(45deg)}.pagination__gap{min-width:2rem;text-align:center;color:var(--color-ink-500)}.pagination__compact{display:none;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--color-ink-700)}@media(max-width:639px){.pagination{flex-direction:column;align-items:stretch}.pagination__controls{justify-content:space-between}.pagination__number,.pagination__gap{display:none}.pagination__compact{display:block}}