.qz-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 24px; padding: 20px 0; border-top: 1px solid var(--qz-line); font-size:var(--qz-font-size-14); }
.qz-pagination p { margin: 0; color: var(--qz-ink-secondary); font-variant-numeric: tabular-nums; }
.qz-pagination-controls, .qz-page-numbers, .qz-page-jump { display: flex; align-items: center; gap: 6px; }
.qz-pagination-controls { flex-wrap: wrap; }
.qz-pagination button, .qz-pagination select { min-height: 44px; min-width: 44px; padding: 8px 12px; border: 1px solid var(--qz-line); border-radius: var(--qz-radius-control,10px); background: var(--qz-surface); color: var(--qz-ink); font: inherit; cursor: pointer; }
.qz-pagination button:hover:not(:disabled), .qz-pagination button[aria-current="page"] { border-color: var(--qz-accent); background: var(--qz-accent-soft); color: var(--qz-accent); }
.qz-pagination button[aria-current="page"] { font-weight:600; }
.qz-pagination button:disabled { opacity: .45; cursor: not-allowed; }
.qz-pagination :is(button, select):focus-visible { outline: 2px solid var(--qz-accent); outline-offset: 3px; }
.qz-page-jump { margin-left: 6px; color: var(--qz-ink-secondary); }
.qz-page-compact { display: none; min-width: 54px; text-align: center; font-variant-numeric: tabular-nums; }
.qz-page-end { color: var(--qz-ink-tertiary); }
@media (max-width: 760px) { .qz-pagination { align-items: flex-start; flex-direction: column; } .qz-page-numbers { display: none; } .qz-page-compact { display: block; } .qz-pagination-controls { width: 100%; } .qz-page-jump { margin-left: auto; } }
@media (max-width: 380px) { .qz-page-jump { margin-left: 0; } }