/**
 * Theme Index Common Styles
 * tu（タイアップ）/ theme（自社企画）共通の最小限の構造定義
 * ※色・サイズ・間隔は含まない。構造のみ。
 */

/* ============================
   記事カード - 基本構造
   ============================ */

/* ページネーション：初期状態で2ページ目以降を非表示 */
.theme-article-card[data-page]:not([data-page="1"]) {
  display: none;
}

/* 記事リンク：フレックスレイアウト */
.theme-article-link {
  display: flex;
  text-decoration: none;
  color: inherit;
}

/* サムネイル：基本設定 */
.theme-article-thumb {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.theme-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 記事情報：フレックスレイアウト */
.theme-article-info {
  display: flex;
  flex-direction: column;
}

.theme-article-title {
  margin: 0;
}

.theme-article-date {
  display: block;
}

/* ============================
   ページネーション - 基本構造
   ============================ */

.theme-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-pagination button {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.theme-pagination button:disabled {
  cursor: not-allowed;
}

.theme-pagination-numbers {
  display: flex;
  align-items: center;
}

.theme-pagination-number.is-active {
  font-weight: bold;
}

/* アイコン：ポインターイベント無効 */
.theme-pagination-prev i,
.theme-pagination-next i {
  pointer-events: none;
}