/* お客様の声一覧ページ */
/* 絞り込み結果件数の共通スタイル（.archive-result）は main.css を参照 */

.voice-archive__empty {
  max-width: var(--text-content-max-width);
  margin: 0;
  color: var(--muted);
}

/* ページ送り */
.pagination {
  margin-top: 2.5rem;
}

.pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination li {
  display: flex;
}

.pagination a.page-numbers,
.pagination span.page-numbers {
  display: inline-flex;
  min-width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  color: var(--primary-dark);
  font-size: var(--font-size-sm);
  text-decoration: none;
  background: var(--surface);
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus-visible {
  border-color: var(--primary-medium);
  background: var(--primary-soft);
}

.pagination span.page-numbers.current {
  border-color: var(--primary-dark);
  background: var(--primary-dark);
  color: var(--on-color);
}

.pagination span.page-numbers.dots {
  border-color: transparent;
  background: transparent;
}

@media (min-width: 768px) {
  .voice-list--archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}