.dk-pagination { width: 100%; margin: 24px 0 8px; padding: 4px 0 8px; overflow-x: auto; }
.dk-pagination .dk-pagination-list { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; width: max-content; margin: 0 auto; padding: 0; list-style: none; }
.dk-pagination .dk-pagination-list li { flex: 0 0 auto; margin: 0; padding: 0; }
.dk-pagination .dk-page { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 36px; height: 38px; padding: 0 8px; border: 1px solid #dbe2ea; border-radius: 7px; background: #fff; color: #334155; font-family: inherit; font-size: 14px; line-height: 1; font-weight: 500; text-decoration: none; white-space: nowrap; }
.dk-pagination a.dk-page:hover { border-color: #3d7cff; color: #245fdb; background: #f0f5ff; }
.dk-pagination a.dk-page:focus-visible { outline: 3px solid #9bbcff; outline-offset: 2px; }
.dk-pagination .dk-page.is-current { border-color: #3d7cff; background: #3d7cff; color: #fff; font-weight: 700; }
.dk-pagination .dk-page.is-disabled { color: #a4aebb; background: #f5f7fa; border-color: #e8ecf1; cursor: default; }
@media (max-width: 600px) {
  .dk-pagination .dk-pagination-list { gap: 2px; width: 100%; max-width: 440px; }
  .dk-pagination .dk-pagination-list li { flex: 1 1 0; min-width: 0; }
  .dk-pagination .dk-page { min-width: 0; width: 100%; height: 36px; padding: 0; font-size: 12px; }
}