.pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-6);border-top:1px solid var(--line)}.pagination__link{display:inline-flex;align-items:center;gap:var(--space-1);width:max-content;min-height:var(--size-control);padding:0 var(--space-2);border-radius:var(--radius-surface);color:var(--ink-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--track-snug);line-height:var(--leading-none);text-decoration:none;transition:var(--transition-colors)}.pagination__link:hover{background:var(--surface-sunken);color:var(--ink)}.pagination__link--previous{grid-column:1;justify-self:start}.pagination__link--next{grid-column:3;justify-self:end}.pagination__status{grid-column:2;justify-self:center;color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);text-align:center;white-space:nowrap}.pagination__arrow{flex:none;width:var(--size-icon-sm);height:var(--size-icon-sm);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width)}.pagination--integrated{gap:var(--space-4);min-height:var(--size-control-lg);padding:var(--space-2) var(--space-6);margin-top:0;border-top:0}.pagination--integrated .pagination__link{min-height:var(--size-control-sm);padding:0;border-radius:0;color:var(--accent);font-size:var(--text-xs)}.pagination--integrated .pagination__link:hover{background:transparent;color:var(--accent-hover)}.pagination--integrated .pagination__link:hover span{text-decoration:underline;text-underline-offset:.2em}.pagination--integrated .pagination__status{color:var(--ink-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:var(--track-snug)}@media(max-width:760px){.pagination--with-status{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-2)}.pagination--with-status .pagination__status{grid-row:1;grid-column:1 / -1}.pagination--with-status .pagination__link{grid-row:2}.pagination--with-status .pagination__link--previous{grid-column:1}.pagination--with-status .pagination__link--next{grid-column:2}.pagination--integrated{padding-inline:var(--space-4)}.pagination--integrated.pagination--with-status{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:0}.pagination--integrated.pagination--with-status .pagination__status{grid-row:1;grid-column:2}.pagination--integrated.pagination--with-status .pagination__link{grid-row:1}.pagination--integrated.pagination--with-status .pagination__link--previous{grid-column:1}.pagination--integrated.pagination--with-status .pagination__link--next{grid-column:3}}
