/* =========================================================
   Component / Pagination
   WordPress core（paginate_links）が出力する .page-numbers / .current は
   ベンダー由来のためそのまま利用する
   ========================================================= */
.c-pagination { margin-top: 64px; }
.c-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  list-style: none;
}
.c-pagination .page-numbers li a,
.c-pagination .page-numbers li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.9375rem;
  transition: var(--transition);
}
.c-pagination .page-numbers li .current,
.c-pagination .page-numbers li a:hover {
  background: var(--accent-1);
  border-color: var(--accent-1);
  color: #fff;
}