/**
 * Activity-Archive ページ専用 CSS
 * slug: activity-archive
 * body class: .page-id-XXX または .page-template-page-activity-archive
 *
 * ルール追加時は必ずページスコープを付けること。
 * 例: body.page-template-page-activity-archive .ms-activity-archive { ... }
 *     body[class*="page-id-"] .ms-activity-archive { ... }
 *
 * style_part_01.css: 移行対象なし（共通セレクタのみ）
 * style_part_02.css: 移行対象なし
 * style_part_03.css: 移行対象なし
 * style_part_04.css: Activity-Archive ページレイアウト・ヒーロー等を移行
 * style_part_05.css: 移行対象なし
 * style_part_06.css: 移行対象なし（共通セレクタの一部）
 * style_part_07.css: 移行対象なし
 */

/* ===== 基本スタイル ===== */
body.page-template-page-activity-archive .ms-activity-archive,
body[class*="page-id-"] .ms-activity-archive {
  line-height: 1.85;
  color: var(--ms-text);
}

/* ===== レイアウト統一 ===== */
body.page-template-page-activity-archive .ms-activity-archive.l-container,
body[class*="page-id-"] .ms-activity-archive.l-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 16px;
}

@media (min-width: 1025px) {
  body.page-template-page-activity-archive .ms-activity-archive.l-container > *,
  body[class*="page-id-"] .ms-activity-archive.l-container > * {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1024px) {
  body.page-template-page-activity-archive .ms-activity-archive.l-container > *,
  body[class*="page-id-"] .ms-activity-archive.l-container > * {
    width: 100%;
  }
}

/* ===== セクション幅 ===== */
@media (min-width: 1025px) {
  body.page-template-page-activity-archive .ms-activity-archive .ms-archive-reports,
  body[class*="page-id-"] .ms-activity-archive .ms-archive-reports {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1024px) {
  body.page-template-page-activity-archive .ms-activity-archive .ms-archive-reports,
  body[class*="page-id-"] .ms-activity-archive .ms-archive-reports {
    width: 100%;
  }
}

/* ===== ヒーローセクション ===== */
body.page-template-page-activity-archive .ms-activity-archive .ms-hero,
body[class*="page-id-"] .ms-activity-archive .ms-hero {
  text-align: center;
  margin-bottom: 40px;
  background: linear-gradient(135deg, #fff7ee 0%, #ffe0bf 100%);
  border-radius: 16px;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}

body.page-template-page-activity-archive .ms-activity-archive .ms-hero::before,
body[class*="page-id-"] .ms-activity-archive .ms-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(243, 152, 0, 0.05) 0%, rgba(243, 152, 0, 0.1) 100%);
  pointer-events: none;
}

body.page-template-page-activity-archive .ms-activity-archive .ms-hero .entry-title,
body[class*="page-id-"] .ms-activity-archive .ms-hero .entry-title {
  font-size: clamp(28px, 5vw, 42px);
  margin-bottom: 20px;
  color: #222;
  position: relative;
  z-index: 1;
}

body.page-template-page-activity-archive .ms-activity-archive .ms-hero .ms-lead,
body[class*="page-id-"] .ms-activity-archive .ms-hero .ms-lead {
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.6;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}