#pagebrowse { display: flex; justify-content: flex-end; margin-top: 24px; max-width: 100%; }
.pagination, .pages { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.pagination { justify-content: flex-end; }
.page, .ellipsis {
    display: grid; place-items: center; min-width: 34px; min-height: 34px;
    padding: 6px 9px; border: 1px solid transparent; border-radius: 2px;
    color: var(--muted); font: 400 12px/1.5 var(--mono);
}
a.page:hover { color: var(--text); background: var(--surface-raised); border-color: var(--line); text-decoration: none; }
a.page.current { color: var(--accent); border-color: var(--line-strong); background: var(--surface); }
.ellipsis { color: var(--subtle); pointer-events: none; }
.fa-solid { vertical-align: middle; }
@media (max-width: 640px) {
    #pagebrowse { justify-content: center; }
    .pagination { justify-content: center; gap: 2px; }
    .pages { gap: 0; }
    .page, .ellipsis { min-width: 30px; min-height: 40px; padding: 6px; }
}