.blog-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; max-width: 100%; margin: 42px auto 10px; padding: 0 8px; }
.blog-pagination button { min-width: 44px; height: 44px; padding: 0 13px; border: 1px solid var(--blog-line); border-radius: 999px; background: #fff; color: var(--blog-ink); font: 500 13px/1 var(--blog-ui-font); cursor: pointer; transition: .2s ease; }
.blog-pagination-ellipsis { display: inline-grid; width: 20px; height: 44px; place-items: center; color: var(--blog-muted); }
.blog-pagination button:hover:not(:disabled), .blog-pagination button.is-active { border-color: var(--blog-ink); background: var(--blog-ink); color: #fff; }
.blog-pagination button:disabled { cursor: not-allowed; opacity: .35; }
.blog-pagination-status { margin: 0 0 20px; color: var(--blog-muted); font: 13px/1.4 var(--blog-ui-font); text-align: center; }
.blog-import-note { margin: 0 0 24px; color: var(--blog-muted); font: 12px/1.5 var(--blog-ui-font); text-align: center; }
@media (max-width: 480px) {
  .blog-pagination { gap: 6px; padding: 0; }
  .blog-pagination button { padding: 0 11px; }
}