.item-db-page :is(ul.item-db-family__cards, ul.item-db-card-grid, ul.item-db-small-grid) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.item-db-page .item-db-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-block: 8px 16px;
  font-size: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

.item-db-page .item-db-pagination[hidden] { display: none; }

.item-db-page .item-db-pagination :is(a, [aria-current], [aria-hidden]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding-inline: 7px;
  color: var(--muted);
  text-decoration: none;
}

.item-db-page .item-db-pagination__numbers { display: inline-flex; gap: 4px; }
.item-db-page .item-db-pagination .item-db-pagination__position { display: none; }

.item-db-page .item-db-pagination [aria-current] {
  color: var(--gold);
  border-bottom: 2px solid currentColor;
}

.item-db-page .item-db-pagination a:hover {
  color: var(--text);
  background: var(--db-line-soft);
}

.item-db-page .item-db-pagination a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

@media (pointer: coarse) {
  .item-db-page .item-db-pagination :is(a, [aria-current]) {
    min-width: 40px;
    min-height: 44px;
  }
}

@media (max-width: 520px) {
  .item-db-page .item-db-pagination__numbers { display: none; }
  .item-db-page .item-db-pagination .item-db-pagination__position { display: inline-flex; }
}