.pagination-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pagination-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.pagination-link {
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: var(--g53-ink, #1c2833);
  background: var(--g53-panel, #fffdf8);
  border: 1px solid var(--g53-line, rgba(28, 40, 51, 0.12));
  border-radius: 0;
  font-size: 0.88rem;
  font-weight: 700;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.pagination-link:hover {
  color: var(--g53-cord, #8b3a3a);
  background: #fff;
  border-color: var(--g53-cord, #8b3a3a);
}
.pagination-list .active .pagination-link,
.pagination-link.active {
  background: var(--g53-spine, #2c3e50);
  border-color: var(--g53-spine, #2c3e50);
  color: var(--g53-edge-ink, #f0ebe3);
}
.pagination-list .prev .pagination-link,
.pagination-list .next .pagination-link {
  padding: 0 14px;
}