/* Kept outside the pruned theme bundle: pagination must work even when an archive grows later. */
.apager { margin-top: var(--s-8); }
.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding: 0; margin: 0; list-style: none; }
.pagination > li { display: flex; }
.pagination__item { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--border-strong); border-radius: var(--r-md); background: var(--surface); color: var(--text); font-size: var(--fs-md); font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; text-decoration: none; }
.pagination a:hover { background: var(--surface-2); border-color: var(--text-3); }
.pagination__item[aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.pagination__item[aria-disabled="true"] { border-color: var(--border); background: transparent; color: var(--text-3); }
.pagination a:focus-visible { outline: 3px solid var(--tone); outline-offset: 3px; }
.pagination__gap { align-items: center; justify-content: center; min-width: 16px; color: var(--text-3); }
@media (max-width: 359px) { .pagination { gap: 6px; } .pagination__item { padding-inline: 10px; } }
@media (forced-colors: active) { .pagination__item[aria-current="page"] { forced-color-adjust: none; background: Highlight; border-color: Highlight; color: HighlightText; } }