/* お知らせ一覧(投稿ページ/アーカイブ)のレイアウトとページ送り */

.aplaza-archive {
  /* 固定ヘッダーのスペース確保はここで一度だけ行う(二重加算しない) */
  padding: clamp(140px, 16vw, 200px) clamp(24px, 6vw, 104px) clamp(90px, 10vw, 140px);
}
.aplaza-archive__inner { max-width: 880px; margin-inline: auto; }

.aplaza-archive__empty { margin-top: 2.5em; color: var(--ink-soft); }
.aplaza-archive__meta { margin-top: 1.6em; font-size: 0.9rem; color: var(--ink-soft); }

/* お知らせの束: 白カード(記事詳細・ヘッダーバーと同じ文法)にリストを収める */
.aplaza-archive__box {
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 28px -14px rgba(80, 79, 80, 0.35);
  padding: clamp(10px, 1.6vw, 18px) clamp(24px, 4vw, 56px);
  margin-top: clamp(40px, 5vw, 64px);
}
.aplaza-archive__box .aplaza-news__list { margin-top: 0; }
/* カードの縁が枠になるため、先頭上と末尾下の罫線は消す */
.aplaza-archive__box .aplaza-news__item:first-child > .aplaza-news__rule:not(.aplaza-news__rule--btm) { display: none; }
.aplaza-archive__box .aplaza-news__rule--btm { display: none; }

/* 行の入場: 下から順にふわっと立ち上がる(下層はJSなしのためCSSステガー)。
   reduced-motion では base.css の全停止により初期非表示が残らないよう、
   no-preference の中でのみ opacity: 0 を設定する */
@media (prefers-reduced-motion: no-preference) {
  .aplaza-archive .aplaza-news__item {
    opacity: 0;
    animation: aplaza-archive-up 0.7s var(--ease) 0.5s forwards;
  }
  .aplaza-archive .aplaza-news__item:nth-child(1) { animation-delay: 0.05s; }
  .aplaza-archive .aplaza-news__item:nth-child(2) { animation-delay: 0.13s; }
  .aplaza-archive .aplaza-news__item:nth-child(3) { animation-delay: 0.21s; }
  .aplaza-archive .aplaza-news__item:nth-child(4) { animation-delay: 0.29s; }
  .aplaza-archive .aplaza-news__item:nth-child(5) { animation-delay: 0.37s; }
  .aplaza-archive .aplaza-news__item:nth-child(6) { animation-delay: 0.45s; }
  .aplaza-archive__box { animation: aplaza-archive-up 0.7s var(--ease) both; }
}
@keyframes aplaza-archive-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ページ送り: 円形の番号(お知らせの円形矢印と同じ文法) */
.aplaza-archive__pager { margin-top: clamp(40px, 5vw, 64px); }
.aplaza-archive__pager .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.aplaza-archive__pager .page-numbers {
  min-width: 40px;
  height: 40px;
  padding-inline: 0.6em;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  display: inline-grid;
  place-items: center;
  font-size: 0.9rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  transition: background-color 0.35s var(--ease), border-color 0.35s var(--ease), color 0.35s var(--ease);
}
.aplaza-archive__pager a.page-numbers:hover,
.aplaza-archive__pager a.page-numbers:focus-visible {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.aplaza-archive__pager a.page-numbers:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.aplaza-archive__pager .page-numbers.current {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.aplaza-archive__pager .page-numbers.dots { border: none; }