/* ── ランキングページ専用 ────────────────────────── */

/* ページヘッダー */
.c-ranking-hero {
  padding: var(--spacing-xl) 0 var(--spacing-lg);
  background: var(--color-bg-light);
  border-bottom: 1px solid var(--color-border);
}
.c-ranking-hero__title {
  font-size: var(--fs-h1);
  font-weight: var(--font-weight-black);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}
.c-ranking-hero__lead {
  font-size: var(--fs-body);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
}

/* ランキングリスト */
.c-ranking-list { display: flex; flex-direction: column; gap: var(--spacing-xl); }

/* 折りたたみ（7位以降） */
.c-ranking-toggle-btn {
  display: block;
  width: 100%;
  padding: var(--spacing-md);
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--fs-body);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  text-align: center;
  color: var(--color-primary);
  transition: background var(--transition-base);
}
.c-ranking-toggle-btn:hover { background: var(--color-primary-pale); }
.c-ranking-toggle-btn::after { content: ' ▼'; font-size: 0.75rem; }
.c-ranking-toggle-btn.is-open::after { content: ' ▲'; }

.c-ranking-collapsible { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.c-ranking-collapsible[hidden] { display: none; }

/* ランキング一覧（アーカイブ／ranking投稿が複数件になった場合の表示） */
.c-ranking-index {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.c-ranking-index__item {
  display: block;
  color: var(--color-text-primary);
  text-decoration: none;
}
.c-ranking-index__item:hover { text-decoration: none; }
.c-ranking-index__title {
  font-size: var(--fs-h3);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-dark);
  margin-bottom: var(--spacing-sm);
}
.c-ranking-index__lead {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
}
.c-ranking-index__link {
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
}

/* 更新履歴 */
.c-update-log {
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
}
.c-update-log__title {
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-sm);
}
.c-update-log__list li + li { margin-top: var(--spacing-xs); }