/* ===========================================
   SR報告書2026 特設ページ - カスタムスタイル
   =========================================== */

/* ----- カラーパレット（CSS変数） ----- */
/* v3 PDF実物デザインに準拠（実測値） */
:root {
  --color-primary: #65BAE9;
  --color-primary-dark: #3a9fd0;
  --color-primary-strong: #1E6CA0;        /* AA 適合：白文字で 5.4:1 */
  --color-primary-strong-hover: #155278;
  --color-accent: #51BA97;       /* 冒頭・重点取組み：ミントグリーン（装飾） */
  --color-accent-dark: #3D9276;  /* hover/強調用 */
  --color-accent-strong: #1E7A5F;         /* AA 適合：白文字で 5.0:1 */
  --color-accent-strong-hover: #155B47;
  --color-accent-50: #E5F4ED;    /* 薄い緑、グラデーション用 */
  --color-dark-gray: #5A5A5A;
  --color-bg: #E8E8E8;
  --color-white: #ffffff;
  --color-black: #333333;

  /* アクセシビリティ用 */
  --color-hero-text: #0B3D6E;             /* ヒーロー本文（濃紺） */
  --color-hero-text-soft: #1F2D3D;

  /* 章別カラー */
  --color-chapter1: #65BAE9; /* 第1章：スカイブルー */
  --color-chapter2: #F29C9E; /* 第2章：コーラルピンク */
  --color-chapter3: #A988B8; /* 第3章：パープル */
  --color-chapter4: #9F86B0; /* 予備：ラベンダー */

  /* ヒーロー高さ
     ・min: CONTENTSパネル + 上下余白で必要な最低高さ
     ・max: 広い画面で過大化しないキャップ
     ・横幅×(1118/2608) ≒ 21:9 比率に追従し min/max でクランプ */
  --hero-min-height: 660px;
  --hero-max-height: 900px;

  /* テキストサイズ3階層（hero/header/footer除く本文セクション） */
  --text-size-l: 1.625rem;  /* 26px - h2 */
  --text-size-m: 1.125rem;  /* 18px - h3, h4 */
  --text-size-s: 1rem;      /* 16px - body, list */
}

/* スマホ (md未満: <768px) ではテキスト3階層を縮小（長い章見出しが1行に収まり、本文も適切な情報密度に） */
@media (max-width: 767.98px) {
  :root {
    --text-size-l: 1.375rem;  /* 22px - h2 */
    --text-size-m: 1rem;      /* 16px - h3, h4 */
    --text-size-s: 0.875rem;  /* 14px - body, list */
  }

  /* Tailwind固定クラス・CSS固定値をSP向けに縮小 */
  .text-lg { font-size: 1rem !important; }          /* 18px → 16px */
  .text-base { font-size: 0.9375rem !important; }   /* 16px → 15px */
  h3.chapter-subhead { font-size: 1rem !important; } /* 18px → 16px */
}

/* ----- ベーススタイル ----- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--color-black);
  background-color: var(--color-white);
}

/* ----- ボタンスタイル ----- */
.btn-accent {
  background-color: var(--color-accent-strong);
  color: var(--color-white);
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
}

.btn-accent:hover {
  background-color: var(--color-accent-strong-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 122, 95, 0.4);
}

/* main とフッターの境界 hr */
.footer-divider {
  border: 0;
  border-top: 1px solid #E5E7EB;
  margin: 0;
}

/* ヘッダー内用コンパクトCTA */
.btn-accent--header {
  padding: 0.4rem 0.9rem;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 0.375rem;
  line-height: 1.2;
}
.btn-accent--header:hover {
  box-shadow: 0 2px 8px rgba(30, 122, 95, 0.3);
}

/* 章セクション用PDFボタン（無彩色） */
.btn-chapter-pdf {
  background-color: #374151;
  color: var(--color-white);
  border-radius: 0.5rem;
  font-size: 18px !important;
  font-weight: 500;
  padding: 0 1.25rem !important;
  height: 1.625rem;            /* h2 のフォントサイズと同じ 26px */
  line-height: 1.625rem;
  gap: 0.5rem !important;
  transition: all 0.2s ease;
  text-decoration: none;
}

.btn-chapter-pdf svg {
  width: 1rem !important;
  height: 1rem !important;
}

.btn-chapter-pdf:hover {
  background-color: #1f2937;
  transform: translateY(-1px);
}

/* ----- ウェブで読む ボタン: アコーディオン展開トリガー (アウトライン版) ----- */
.btn-web-read {
  background-color: transparent;
  color: #374151;
  border: 2px solid #374151;
  border-radius: 0.5rem;
  font-size: 18px;
  font-weight: 500;
  padding: 0 1rem;
  height: 1.625rem;
  line-height: calc(1.625rem - 4px);  /* border 4px 分を差し引いて縦中央 */
  gap: 0.5rem;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}
.btn-web-read-chevron {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}
.btn-web-read[aria-expanded="true"] .btn-web-read-chevron {
  transform: rotate(180deg);
}
/* 下部「閉じる」ボタン: 中央配置 + 上余白 */
.btn-web-read-bottom {
  display: flex;
  margin: 1.5rem auto 0;
  width: fit-content;
}

/* 詳細を読む / 閉じる ラベル: ウェブで読むボタンと同じアウトラインスタイル (16px版) */
.message-card-toggle-label {
  background-color: transparent;
  color: #374151;
  border: 2px solid #374151;
  border-radius: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  padding: 0 1rem;
  height: 1.625rem;
  line-height: calc(1.625rem - 4px);
}
.message-card-toggle[aria-expanded="true"] .btn-web-read-chevron {
  transform: rotate(180deg);
}

/* ----- 章カード ----- */
.chapter-card {
  background-color: var(--color-white);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}

.chapter-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* 目次カードリンク */
a.chapter-card {
  text-decoration: none;
  color: inherit;
}

a.chapter-card:hover .toc-card-link {
  color: var(--color-primary);
}
/* アコーディオン閉じている時 (chapter-more-content に .hidden が付いている時) は背景アイコンを非表示 */
:has(> .chapter-more-content.hidden) > .chapter-content-bg-icon {
  display: none;
}

/* ----- モーダル ----- */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal.active {
  display: flex;
  opacity: 1;
}

.modal-content {
  background-color: var(--color-white);
  border-radius: 1rem;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  animation: modalSlideIn 0.3s ease;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #f3f4f6;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 1.25rem;
  color: var(--color-dark-gray);
}

.modal-close:hover {
  background-color: #e5e7eb;
  color: var(--color-black);
}

/* ----- メッセージセクション タブナビゲーション ----- */
.message-tab {
  background-color: #f3f4f6;
  color: var(--color-dark-gray);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.message-tab:hover {
  background-color: #e5e7eb;
  color: var(--color-black);
}

.message-tab.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
  font-weight: 600;
}

.message-panel {
  animation: fadeIn 0.3s ease;
}

/* ----- アーカイブ タブナビゲーション ----- */
.archive-tabs {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0;
}

.archive-tab {
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--color-dark-gray);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: -2px;
}

.archive-tab:hover {
  color: #1f2937;
  background-color: rgba(55, 65, 81, 0.06);
}

.archive-tab.active {
  color: #1f2937;
  border-bottom-color: #1f2937;
  font-weight: 700;
}

/* ----- アーカイブ パネル ----- */
.archive-panel {
  display: none;
  animation: fadeIn 0.3s ease;
}

.archive-panel.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ----- アーカイブ カード ----- */
.archive-card {
  background-color: var(--color-white);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e7eb;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  gap: 1.5rem;
}

.archive-card-image {
  flex-shrink: 0;
  width: 120px;
}

.archive-card-image img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.archive-card-body {
  flex: 1;
  min-width: 0;
}

.archive-card-title {
  font-size: var(--text-size-m);
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0.5rem;
}

.archive-card-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.archive-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background-color: #374151;
  color: var(--color-white);
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--text-size-s);
  transition: all 0.2s ease;
}

.archive-link:hover {
  background-color: #1f2937;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* ハイライト版ボタンも .archive-link と同じ黒基調デザインに統一 */
.archive-link-sub {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background-color: #374151;
  color: var(--color-white);
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--text-size-s);
  transition: all 0.2s ease;
}

.archive-link-sub:hover {
  background-color: #1f2937;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* ----- SNS共有ボタン ----- */
.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  transition: all 0.3s ease;
  text-decoration: none;
}

.share-btn:hover {
  transform: scale(1.1);
}

/* ----- Back to Topボタン（黒系共通カラー） ----- */
.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  background-color: #374151;
  color: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border: none;
  z-index: 100;
}

.back-to-top.visible {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover {
  background-color: #1f2937;
  transform: translateY(-2px);
}

/* ----- ヘッダー ----- */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 500;
  transform: translateY(0);
  transition: transform 0.35s ease;
}
.header-inner {
  height: 100%;
}
.header-site-title {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  white-space: normal;
}

body {
  padding-top: 60px;
}

/* ----- ヒーローセクション（3グリッド：左2col=コピー / 右1col=CONTENTS） -----
   案C: clamp() でブラウザ横幅に対し 21:9 (画像実寸 2608×1118) 比率を維持しつつ、
   min(=パネル必要高) と max(=広画面のキャップ) で挟む。
   画像は background-position: bottom center で「画像下端を残し、上から自動クロップ」。
   ヘッダーはヒーロー表示中は非表示にするため、上余白は header 分を確保する必要なし。 */
.hero {
  position: relative;
  width: 100%;
  height: clamp(
    var(--hero-min-height),
    calc(100vw * 1118 / 2608),
    var(--hero-max-height)
  );
  /* WCAG AA 適合：ヒーロー画像の上で深森緑文字を使用（純黒より柔らかい印象）。
     #0F4D38 実測：緑(中)で3.66:1（大字AA○）、薄水色で8.28:1（本文AA○） */
  --color-hero-text: #0F4D38;
  --color-hero-text-soft: #1B5A45;
  background-image: url('../images/hero_img_21x9.webp');
  background-size: cover;
  background-position: bottom center;     /* 下端を保持、超過分は上から見切れる */
  background-repeat: no-repeat;
  background-color: #E8F1F8;
  color: var(--color-hero-text);
  padding: 3.5rem 0;                      /* 上下対称（パネルが垂直中央に整列） */
  overflow: hidden;
}

/* 左上から右下にかけて白の透過オーバーレイ：SR報告書2026タイトルの視認性確保 */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.45) 35%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

.hero > * {
  position: relative;
  z-index: 1;
}

/* ヒーロー内 3グリッド: PCで 左コピー : 右CONTENTSパネル / タブレット以下は1カラム積み
   1366x768でCONTENTSを折返しなしで全6枚見せるため右カラムを広めに固定。 */
.hero-grid {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: stretch;
}

@media (min-width: 1024px) {
  .hero-grid {
    grid-template-columns: 1fr minmax(580px, 620px);
    gap: 2.5rem;
    align-items: center;
  }}

/* 左：コピー */
.hero-copy {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-self: center;
}

/* タイトルを「SR報告書」(label) + 「2026」(year) の2段スタックで大型化 */
.hero-title {
  color: var(--color-hero-text);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  line-height: 1.0;
}

.hero-title__label {
  font-size: clamp(3.5rem, 8vw, 6.5rem);       /* 56–104px（year と同サイズ） */
  font-weight: 700;
  letter-spacing: 0.02em;
}

.hero-title__year {
  font-size: clamp(3.5rem, 8vw, 6.5rem);       /* 56–104px */
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 0.95;
}

/* ヒーロー左コピー部のみに色を適用（CONTENTSパネル内テキストには適用しない） */
.hero-copy h1 {
  color: var(--color-hero-text);
}

.hero-copy p {
  color: var(--color-hero-text-soft);
}

/* 右：CONTENTSパネル（半透明白、コントラスト維持／スクロールなしで6枚表示） */
.hero-toc {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 1rem;
  padding: 1.1rem 1.1rem 1.2rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.hero-toc__head {
  text-align: center;
  margin-bottom: 0.55rem;
  padding-bottom: 0.5rem;
}

.hero-toc__title {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #1f2937;
  margin: 0;
  line-height: 1.2;
}

.hero-toc__kicker {
  font-size: 0.7rem;
  color: #6b7280;
  letter-spacing: 0.2em;
  margin: 0.15rem 0 0;
  line-height: 1;
}

.hero-toc__list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

/* ----- ミニカード（ヒーロー右カラム用） ----- */
.chapter-card--mini {
  --mini-accent: #65BAE9;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.85rem;
  border-radius: 0.6rem;
  border: 1px solid #e5e7eb;
  border-left: 3px solid var(--mini-accent);
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.chapter-card--mini:hover {
  transform: translateX(2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.10);
  border-color: var(--mini-accent);
}

/* ミニ用にCONTENTSフルカードの装飾を打ち消す */
.chapter-card--mini .chapter-card-bg-icon,
.chapter-card--mini .chapter-badge,
.chapter-card--mini .toc-card-link {
  display: none !important;
}

.chapter-card__mini-icon {
  flex: 0 0 2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.45rem;
  background-color: var(--mini-accent);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chapter-card__mini-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

/* 目次ミニアイコン: ch1/ch2/ch3 は外部SVG(data URI)をmask-imageで描画（線を白で表現） */
.chapter-card--mini-ch1 .chapter-card__mini-icon::before,
.chapter-card--mini-ch2 .chapter-card__mini-icon::before,
.chapter-card--mini-ch3 .chapter-card__mini-icon::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #ffffff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.chapter-card--mini-ch1 .chapter-card__mini-icon::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20191.72%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.83%2C111.7c-1.57-2.43-3.24-4.38-5.84-5.9%2C2.41-1.58%2C4.3-3.45%2C5.85-5.97%2C1.49%2C2.62%2C3.28%2C4.45%2C5.81%2C5.92-2.47%2C1.55-4.34%2C3.37-5.82%2C5.96M30.79%2C103.48c-3.05-.53-5.9-1.69-8.01-4.02-5.06-5.57-2.09-10.32-5.68-10.66-1.01-.1-2.35.52-2.49%2C1.75-.79%2C6.88-4.59%2C11.74-11.63%2C12.87-1.27.2-1.84%2C1.53-1.76%2C2.63.08%2C1.13.97%2C2.04%2C2.2%2C2.23%2C6.1.91%2C10.4%2C5.67%2C11.03%2C11.72.12%2C1.16%2C1.54%2C1.69%2C2.43%2C1.66%2C3.93-.14%2C1.14-4.54%2C5.73-9.44%2C1.93-2.06%2C4.51-3.43%2C7.31-3.87%2C1.29-.2%2C2.26-.88%2C2.46-2.09.18-1.09-.28-2.56-1.57-2.79%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M189.16%2C143.16l-24.3%2C14.56-38.56%2C23.45c-8.99%2C5.47-21.48%2C6.7-31.7%2C4.28l-51.13-12.06c-5.85-1.38-11.67-1.14-17.49.08v-33.74c7.13-9.58%2C19.4-14.27%2C31.18-10.75l21.43%2C6.39%2C19.16%2C3.29%2C22.86%2C4.17c3.5.64%2C5.88%2C4.42%2C5.78%2C7.8-.15%2C5.27-4.8%2C8.52-9.75%2C7.8l-24.38-3.55-15.91-2.21c-1.61-.22-3%2C.43-3.24%2C2.02-.23%2C1.51.78%2C2.95%2C2.52%2C3.02l41.31%2C5.82c6.23.88%2C11.81-3.14%2C13.81-8.86l50.75-26.12c2.34-1.21%2C4.93-1.32%2C7.4-1.06%2C3.48.46%2C6.14%2C3.17%2C6.08%2C6.65-.06%2C4-2.5%2C7.03-5.82%2C9.02M72.59%2C120.6l-12.34-10.87c-7.37-6.49-17.41-17.78-22.02-26.5-6.28-11.88-8.23-25.83-3.08-38.51%2C3.04-7.49%2C8.42-13.56%2C15.54-17.41%2C16.72-9.03%2C36.55-3.49%2C47.06%2C12.14.66.98%2C1.28%2C1.6%2C2.4%2C1.63%2C1.25.04%2C1.95-.61%2C2.65-1.64%2C4.95-7.32%2C12.27-12.57%2C20.73-15.05%2C15.78-4.64%2C32.8%2C2.4%2C40.43%2C17%2C7.9%2C15.13%2C4.75%2C33.01-4.51%2C46.85-5.65%2C8.45-13.06%2C16.09-20.6%2C22.94-9.42%2C8.56-19.12%2C16.43-29.42%2C24.24-1.93-.12-3.49-.48-5.3-.79l-18.07-3.12-13.47-10.92ZM21.04%2C176.47c0%2C1.94-1.58%2C3.46-3.49%2C3.46l-8.98.04c-1.94%2C0-3.65-1.42-3.65-3.51l-.02-37.93c0-2.01%2C1.26-3.5%2C3.19-3.82l9.56.02c1.83%2C0%2C3.4%2C1.62%2C3.4%2C3.55v38.18ZM198.48%2C128.2c-4.01-7.09-13.75-7.1-20.33-3.73l-33.83%2C17.45-12.99%2C6.74c-.91-5.87-5.27-10.19-10.93-11.13-1.45-.24-2.82-.33-4.22-.86%2C10.25-7.75%2C19.82-15.7%2C29.06-24.38%2C5.36-5.04%2C10.31-10.22%2C14.81-16.02%2C7.61-9.83%2C12.69-20.91%2C13.36-33.49.39-7.32-.69-14.47-3.64-21.14-5.62-12.7-17.32-21.61-31.12-23.41-4.1-.53-8.09-.41-12.18.27-10.32%2C1.71-19.35%2C7.34-25.89%2C15.41-.09.11-.3.25-.42.1-4.24-5.43-9.58-9.64-15.86-12.53-5.02-2.31-10.23-3.43-15.79-3.55-7.99-.17-15.52%2C1.88-22.31%2C6.09-13.99%2C8.66-20.59%2C24.87-18.8%2C40.96.77%2C6.96%2C2.61%2C13.57%2C5.81%2C19.78%2C3.34%2C6.49%2C7.6%2C12.18%2C12.44%2C17.62%2C5.37%2C6.04%2C11.07%2C11.47%2C17.21%2C16.7l11.05%2C9.42-15.31-4.39c-2.96-.85-5.85-1.24-8.95-1.31-9.83-.24-18.23%2C3.74-25.01%2C10.65-1.57-2.05-3.7-3.69-6.28-3.7l-10.57-.05c-4.05.36-7.75%2C3.59-7.75%2C7.89L0%2C176.74c0%2C4%2C3.11%2C7.75%2C7.08%2C8.09%2C3.83.32%2C7.47.18%2C11.27.06%2C3.53-.11%2C6.24-2.79%2C7.38-6.01%2C5.21-1.45%2C10.61-1.88%2C16-.61l50.78%2C11.95c6.47%2C1.52%2C12.85%2C1.9%2C19.55%2C1.07%2C7.57-.94%2C14.18-3.95%2C20.51-7.8l60.58-36.86c5.83-3.55%2C8.88-12.12%2C5.32-18.41%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M100.13%2C80.15c-7.96%2C0-14.42-6.46-14.42-14.42s6.46-14.42%2C14.42-14.42%2C14.42%2C6.46%2C14.42%2C14.42-6.46%2C14.42-14.42%2C14.42M130.35%2C102.44c-1.88-10.11-9.3-17.37-18.97-20.79%2C5.91-4.26%2C9.04-10.99%2C8.18-18.1-1.22-10.09-9.91-17.47-19.88-17.24-9.95.22-18.39%2C8.04-19.05%2C18.14-.46%2C6.94%2C2.6%2C13.19%2C8.24%2C17.25-7.17%2C2.42-12.8%2C6.98-16.31%2C13.36-2.38%2C4.33-3.18%2C8.93-3.06%2C13.84.04%2C1.76.62%2C3.24%2C2.5%2C3.23%2C1.6%2C0%2C2.67-1.23%2C2.56-3-.69-10.39%2C5.66-18.77%2C15.14-22.26%2C10.82-3.98%2C24.24-1.62%2C31.72%2C7.8%2C3.3%2C4.16%2C4.67%2C9.18%2C4.32%2C14.45-.12%2C1.73.94%2C3.04%2C2.58%2C3%2C1.6-.03%2C2.53-1.29%2C2.48-2.99-.07-2.27-.02-4.44-.44-6.69%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M180.35%2C21.99c-1.52-2.52-3.3-4.47-5.86-6.01%2C2.55-1.47%2C4.33-3.28%2C5.81-5.92%2C1.55%2C2.52%2C3.42%2C4.45%2C5.95%2C5.96-2.64%2C1.53-4.3%2C3.39-5.9%2C5.97M194.37%2C13.72c-3.81-.62-7.25-2.4-9.38-5.71-3.06-4.74-1.31-7.68-4.32-8-1.13-.12-2.44.49-2.68%2C1.82-1.14%2C6.49-4.76%2C10.69-11.36%2C11.83-1.36.23-1.87%2C1.66-1.73%2C2.79.17%2C1.35%2C1.2%2C1.97%2C2.57%2C2.17%2C2.79.4%2C5.32%2C1.9%2C7.2%2C3.96%2C4.45%2C4.89%2C1.9%2C9.74%2C6.03%2C9.3.86-.09%2C1.96-.74%2C2.08-1.86.64-5.86%2C4.94-10.45%2C10.79-11.44%2C1.23-.21%2C2.18-.93%2C2.34-2.08.14-1.03-.24-2.56-1.54-2.77%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20191.72%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.83%2C111.7c-1.57-2.43-3.24-4.38-5.84-5.9%2C2.41-1.58%2C4.3-3.45%2C5.85-5.97%2C1.49%2C2.62%2C3.28%2C4.45%2C5.81%2C5.92-2.47%2C1.55-4.34%2C3.37-5.82%2C5.96M30.79%2C103.48c-3.05-.53-5.9-1.69-8.01-4.02-5.06-5.57-2.09-10.32-5.68-10.66-1.01-.1-2.35.52-2.49%2C1.75-.79%2C6.88-4.59%2C11.74-11.63%2C12.87-1.27.2-1.84%2C1.53-1.76%2C2.63.08%2C1.13.97%2C2.04%2C2.2%2C2.23%2C6.1.91%2C10.4%2C5.67%2C11.03%2C11.72.12%2C1.16%2C1.54%2C1.69%2C2.43%2C1.66%2C3.93-.14%2C1.14-4.54%2C5.73-9.44%2C1.93-2.06%2C4.51-3.43%2C7.31-3.87%2C1.29-.2%2C2.26-.88%2C2.46-2.09.18-1.09-.28-2.56-1.57-2.79%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M189.16%2C143.16l-24.3%2C14.56-38.56%2C23.45c-8.99%2C5.47-21.48%2C6.7-31.7%2C4.28l-51.13-12.06c-5.85-1.38-11.67-1.14-17.49.08v-33.74c7.13-9.58%2C19.4-14.27%2C31.18-10.75l21.43%2C6.39%2C19.16%2C3.29%2C22.86%2C4.17c3.5.64%2C5.88%2C4.42%2C5.78%2C7.8-.15%2C5.27-4.8%2C8.52-9.75%2C7.8l-24.38-3.55-15.91-2.21c-1.61-.22-3%2C.43-3.24%2C2.02-.23%2C1.51.78%2C2.95%2C2.52%2C3.02l41.31%2C5.82c6.23.88%2C11.81-3.14%2C13.81-8.86l50.75-26.12c2.34-1.21%2C4.93-1.32%2C7.4-1.06%2C3.48.46%2C6.14%2C3.17%2C6.08%2C6.65-.06%2C4-2.5%2C7.03-5.82%2C9.02M72.59%2C120.6l-12.34-10.87c-7.37-6.49-17.41-17.78-22.02-26.5-6.28-11.88-8.23-25.83-3.08-38.51%2C3.04-7.49%2C8.42-13.56%2C15.54-17.41%2C16.72-9.03%2C36.55-3.49%2C47.06%2C12.14.66.98%2C1.28%2C1.6%2C2.4%2C1.63%2C1.25.04%2C1.95-.61%2C2.65-1.64%2C4.95-7.32%2C12.27-12.57%2C20.73-15.05%2C15.78-4.64%2C32.8%2C2.4%2C40.43%2C17%2C7.9%2C15.13%2C4.75%2C33.01-4.51%2C46.85-5.65%2C8.45-13.06%2C16.09-20.6%2C22.94-9.42%2C8.56-19.12%2C16.43-29.42%2C24.24-1.93-.12-3.49-.48-5.3-.79l-18.07-3.12-13.47-10.92ZM21.04%2C176.47c0%2C1.94-1.58%2C3.46-3.49%2C3.46l-8.98.04c-1.94%2C0-3.65-1.42-3.65-3.51l-.02-37.93c0-2.01%2C1.26-3.5%2C3.19-3.82l9.56.02c1.83%2C0%2C3.4%2C1.62%2C3.4%2C3.55v38.18ZM198.48%2C128.2c-4.01-7.09-13.75-7.1-20.33-3.73l-33.83%2C17.45-12.99%2C6.74c-.91-5.87-5.27-10.19-10.93-11.13-1.45-.24-2.82-.33-4.22-.86%2C10.25-7.75%2C19.82-15.7%2C29.06-24.38%2C5.36-5.04%2C10.31-10.22%2C14.81-16.02%2C7.61-9.83%2C12.69-20.91%2C13.36-33.49.39-7.32-.69-14.47-3.64-21.14-5.62-12.7-17.32-21.61-31.12-23.41-4.1-.53-8.09-.41-12.18.27-10.32%2C1.71-19.35%2C7.34-25.89%2C15.41-.09.11-.3.25-.42.1-4.24-5.43-9.58-9.64-15.86-12.53-5.02-2.31-10.23-3.43-15.79-3.55-7.99-.17-15.52%2C1.88-22.31%2C6.09-13.99%2C8.66-20.59%2C24.87-18.8%2C40.96.77%2C6.96%2C2.61%2C13.57%2C5.81%2C19.78%2C3.34%2C6.49%2C7.6%2C12.18%2C12.44%2C17.62%2C5.37%2C6.04%2C11.07%2C11.47%2C17.21%2C16.7l11.05%2C9.42-15.31-4.39c-2.96-.85-5.85-1.24-8.95-1.31-9.83-.24-18.23%2C3.74-25.01%2C10.65-1.57-2.05-3.7-3.69-6.28-3.7l-10.57-.05c-4.05.36-7.75%2C3.59-7.75%2C7.89L0%2C176.74c0%2C4%2C3.11%2C7.75%2C7.08%2C8.09%2C3.83.32%2C7.47.18%2C11.27.06%2C3.53-.11%2C6.24-2.79%2C7.38-6.01%2C5.21-1.45%2C10.61-1.88%2C16-.61l50.78%2C11.95c6.47%2C1.52%2C12.85%2C1.9%2C19.55%2C1.07%2C7.57-.94%2C14.18-3.95%2C20.51-7.8l60.58-36.86c5.83-3.55%2C8.88-12.12%2C5.32-18.41%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M100.13%2C80.15c-7.96%2C0-14.42-6.46-14.42-14.42s6.46-14.42%2C14.42-14.42%2C14.42%2C6.46%2C14.42%2C14.42-6.46%2C14.42-14.42%2C14.42M130.35%2C102.44c-1.88-10.11-9.3-17.37-18.97-20.79%2C5.91-4.26%2C9.04-10.99%2C8.18-18.1-1.22-10.09-9.91-17.47-19.88-17.24-9.95.22-18.39%2C8.04-19.05%2C18.14-.46%2C6.94%2C2.6%2C13.19%2C8.24%2C17.25-7.17%2C2.42-12.8%2C6.98-16.31%2C13.36-2.38%2C4.33-3.18%2C8.93-3.06%2C13.84.04%2C1.76.62%2C3.24%2C2.5%2C3.23%2C1.6%2C0%2C2.67-1.23%2C2.56-3-.69-10.39%2C5.66-18.77%2C15.14-22.26%2C10.82-3.98%2C24.24-1.62%2C31.72%2C7.8%2C3.3%2C4.16%2C4.67%2C9.18%2C4.32%2C14.45-.12%2C1.73.94%2C3.04%2C2.58%2C3%2C1.6-.03%2C2.53-1.29%2C2.48-2.99-.07-2.27-.02-4.44-.44-6.69%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M180.35%2C21.99c-1.52-2.52-3.3-4.47-5.86-6.01%2C2.55-1.47%2C4.33-3.28%2C5.81-5.92%2C1.55%2C2.52%2C3.42%2C4.45%2C5.95%2C5.96-2.64%2C1.53-4.3%2C3.39-5.9%2C5.97M194.37%2C13.72c-3.81-.62-7.25-2.4-9.38-5.71-3.06-4.74-1.31-7.68-4.32-8-1.13-.12-2.44.49-2.68%2C1.82-1.14%2C6.49-4.76%2C10.69-11.36%2C11.83-1.36.23-1.87%2C1.66-1.73%2C2.79.17%2C1.35%2C1.2%2C1.97%2C2.57%2C2.17%2C2.79.4%2C5.32%2C1.9%2C7.2%2C3.96%2C4.45%2C4.89%2C1.9%2C9.74%2C6.03%2C9.3.86-.09%2C1.96-.74%2C2.08-1.86.64-5.86%2C4.94-10.45%2C10.79-11.44%2C1.23-.21%2C2.18-.93%2C2.34-2.08.14-1.03-.24-2.56-1.54-2.77%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}
.chapter-card--mini-ch2 .chapter-card__mini-icon::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20167.19%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M39.87%2C104.79c0-6.99%2C5.67-12.66%2C12.66-12.66s12.66%2C5.67%2C12.66%2C12.66-5.67%2C12.66-12.66%2C12.66-12.66-5.67-12.66-12.66M148.16%2C117.52c-7%2C0-12.67-5.67-12.67-12.66s5.67-12.67%2C12.67-12.67%2C12.66%2C5.67%2C12.66%2C12.67-5.67%2C12.66-12.66%2C12.66M185.21%2C113.38c-3.61%2C7.31-8.01%2C14.14-13.25%2C20.31-.14.17-.22.22-.32.17-.13-.07-.09-.21-.13-.39-1.36-7.16-5.83-12.17-12.56-15.06%2C8.47-7.48%2C8.39-20.33-.2-27.4-5.23-4.3-12.42-5.04-18.38-1.83-5.08%2C2.74-8.48%2C7.84-9.16%2C13.29-.75%2C6.03%2C1.41%2C11.82%2C6%2C15.87-7.48%2C2.78-13.21%2C10.07-13.24%2C18.03l-.03%2C7.98c0%2C1.25%2C1.15%2C2.07%2C2.28%2C2.05%2C1.12-.03%2C2.15-.86%2C2.16-2.11l.07-7.74c.09-8.95%2C9.62-15.15%2C14.6-14.57%2C3.65.42%2C6.55.51%2C10.19%2C0%2C2.85-.41%2C6.3%2C1.86%2C8.48%2C3.52%2C4.16%2C3.17%2C5.83%2C8.14%2C5.56%2C13.19-13.79%2C13.84-30.77%2C20.57-50.05%2C22.73-11.19%2C1.26-22.39%2C1.28-33.57%2C0-19.23-2.2-36.69-8.97-50.46-22.86-.32-4.8%2C1.39-9.98%2C5.42-13.08%2C2.23-1.71%2C5.74-4.03%2C8.68-3.58%2C3.77.57%2C6.74.53%2C10.54-.03%2C4.22-.62%2C14.29%2C5.41%2C14.31%2C15.03l.02%2C7.02c0%2C1.35.83%2C2.38%2C2.13%2C2.44%2C1.25.06%2C2.42-.84%2C2.41-2.25l-.03-7.57c-.03-8.1-5.68-15.37-13.21-18.33%2C5.78-5.14%2C7.71-13.14%2C4.87-20.21-1.34-3.34-3.57-6-6.52-8-6.57-4.45-15.21-3.63-20.93%2C1.79-7.7%2C7.29-7.3%2C19.48.74%2C26.47-6.89%2C2.67-11.62%2C8.38-12.82%2C15.71-8.7-10.17-15.21-21.77-19.31-34.32-4.49-13.9-5.88-28.52-3.78-42.97%2C2.22-15.28%2C8.19-29.86%2C19.84-40.18%2C13.12-11.61%2C31.62-14.91%2C47.86-8.28%2C3.38%2C1.38%2C6.55%2C3.08%2C9.6%2C5.06%2C10.91%2C7.08%2C24.79%2C6.86%2C35.51-.46%2C4.31-2.94%2C9.06-5.07%2C14.11-6.44%2C15.44-4.18%2C31.05.54%2C42.58%2C11.3%2C9.51%2C8.87%2C15.1%2C20.67%2C17.86%2C33.29%2C1.05%2C4.82%2C1.73%2C9.51%2C2%2C14.47.9%2C16.58-2.55%2C33.02-9.9%2C47.91M199.77%2C63.49c-.63-9.78-2.82-19.28-6.69-28.27-2.84-6.6-6.6-12.61-11.43-17.89-12.7-13.9-31.37-20.6-49.9-15.72-5.74%2C1.51-11.09%2C3.93-15.99%2C7.26-9.05%2C6.17-20.8%2C6.39-29.99.39-2.43-1.59-4.95-2.93-7.5-4.17C59.2-4.2%2C36.52-.53%2C21.18%2C14.07c-5.46%2C5.19-9.93%2C11.38-13.21%2C18.29-3.02%2C6.38-5.13%2C13.02-6.39%2C19.99-4.88%2C26.94%2C1.68%2C54.2%2C17.28%2C76.56%2C20.28%2C29.08%2C48.5%2C38.59%2C83.07%2C38.27%2C25.97-.24%2C49.86-6.04%2C68.69-25.02%2C7.38-7.44%2C13.38-15.99%2C18.12-25.22%2C8.65-16.85%2C12.25-34.5%2C11.03-53.45%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.1%2C119.89c.87%2C1.19.12%2C2.71-.79%2C3.23-1.21.69-2.44.25-3.24-.85-10.45-14.49-11.42-34.07-1.1-48.85.87-1.25%2C2.36-1.66%2C3.53-.76%2C1.21.93%2C1.12%2C2.35.25%2C3.59-3.18%2C4.49-5.1%2C9.66-5.91%2C15.18-1.47%2C10.06%2C1.26%2C20.25%2C7.26%2C28.47%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M174.55%2C122.39c-.92%2C1.26-2.37%2C1.54-3.43.76-1.17-.86-1.21-2.31-.36-3.49%2C6.71-9.22%2C9.07-21%2C6.63-32.15-.93-4.26-2.67-8.06-5.09-11.62-.75-1.1-.36-2.58.61-3.19%2C1.14-.71%2C2.51-.45%2C3.28.64%2C4.05%2C5.76%2C6.23%2C12.39%2C6.71%2C19.44.72%2C10.58-2.09%2C20.97-8.35%2C29.6%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M120.01%2C40.55c-13.39-4.02-25.7-4.02-39.11-.08-1.3.38-2.49-.28-2.92-1.42-.39-1.06.03-2.62%2C1.31-3.03%2C13.91-4.5%2C28.37-4.43%2C42.27.05%2C1.27.41%2C1.7%2C1.88%2C1.34%2C2.98-.35%2C1.07-1.62%2C1.89-2.89%2C1.51%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M81.05%2C150.41c-1.57-.39-2.35-1.48-2.11-2.85.26-1.51%2C1.64-2.16%2C3.16-1.78%2C12.16%2C3.02%2C24.73%2C2.94%2C36.8-.33%2C1.44-.39%2C2.69.58%2C2.93%2C1.75.31%2C1.49-.53%2C2.49-1.98%2C2.9-12.67%2C3.55-25.95%2C3.55-38.81.32%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M56.07%2C49.39c-7.35%2C0-13.3-5.95-13.3-13.3s5.95-13.3%2C13.3-13.3%2C13.3%2C5.96%2C13.3%2C13.3-5.96%2C13.3-13.3%2C13.3M80.64%2C67.77c-.55-8.29-5.94-14.41-13.61-17.36%2C8.89-7.02%2C9.35-20.13%2C1.08-27.79-5.14-4.76-12.6-6.11-19.09-3.29-5.82%2C2.53-9.82%2C7.97-10.69%2C13.93-.98%2C6.67%2C1.55%2C12.94%2C6.79%2C17.18-7.69%2C2.77-13.53%2C9.65-13.59%2C17.92l-.04%2C5.57c-.01%2C1.45%2C1.19%2C2.43%2C2.47%2C2.33%2C1.42-.12%2C2.22-1.21%2C2.2-2.68-.03-2.08-.12-4.08.13-6.15.5-4.17%2C2.52-7.81%2C6.13-10.17%2C2.6-1.7%2C6.05-3.47%2C9.25-3.21%2C3.18.26%2C5.84.14%2C9.14-.03%2C3.59-.19%2C7.16%2C1.88%2C9.82%2C3.9%2C3.33%2C2.53%2C5.06%2C6.16%2C5.4%2C10.23.16%2C1.92.05%2C3.72.07%2C5.63%2C0%2C1.35.82%2C2.37%2C2.12%2C2.48%2C1.09.09%2C2.43-.64%2C2.48-1.96.08-2.19.11-4.32-.03-6.53%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M145.2%2C49.94c-7.34%2C0-13.29-5.95-13.29-13.29s5.95-13.29%2C13.29-13.29%2C13.29%2C5.95%2C13.29%2C13.29-5.95%2C13.29-13.29%2C13.29M169.65%2C69.31c-.45-8.9-5.46-14.93-13.5-18.34%2C4.02-3.22%2C6.37-7.65%2C6.84-12.65.81-8.61-4.34-16.44-12.54-19.1-7.04-2.19-14.58.22-19.17%2C5.99-6.26%2C7.85-5.03%2C19.35%2C2.87%2C25.77-7.94%2C3.11-13.54%2C9.81-13.59%2C18.54l-.03%2C4.86c0%2C1.43%2C1.04%2C2.45%2C2.42%2C2.38%2C1.2-.06%2C2.18-1.03%2C2.17-2.38-.02-1.77-.05-3.47.04-5.24.44-8.53%2C7.44-13.74%2C15.34-14.8%2C3.13.79%2C6.17.78%2C9.4-.02%2C7.88%2C1.19%2C14.46%2C6.46%2C15.08%2C14.6.14%2C1.77.1%2C3.48.06%2C5.26-.03%2C1.48.89%2C2.56%2C2.31%2C2.58%2C1.26.01%2C2.32-.98%2C2.31-2.38v-5.05Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M100.41%2C92.89c-7.14%2C0-12.93-5.79-12.93-12.93s5.79-12.93%2C12.93-12.93%2C12.93%2C5.79%2C12.93%2C12.93-5.79%2C12.93-12.93%2C12.93M125.25%2C111.19c-.41-8.49-5.92-14.59-13.7-17.57%2C8.46-7.34%2C8.41-20.34-.1-27.46-6.28-5.36-15.39-5.41-21.78-.24-8.82%2C7.14-9.04%2C20.32-.38%2C27.71-8.1%2C2.9-13.81%2C9.97-13.8%2C18.29v7.73c0%2C1.35%2C1.33%2C2.12%2C2.49%2C2%2C1.28-.13%2C2.05-1.17%2C2.06-2.51l.03-7.19c.04-9.61%2C10.63-15.25%2C15.2-14.62%2C3.73.52%2C6.68.43%2C10.53-.03%2C4.82-.57%2C14.85%2C5.36%2C14.91%2C14.65l.05%2C7.38c0%2C1.34.95%2C2.3%2C2.23%2C2.33%2C1.05.03%2C2.27-.75%2C2.3-2.02.06-2.84.12-5.6-.02-8.46%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20167.19%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M39.87%2C104.79c0-6.99%2C5.67-12.66%2C12.66-12.66s12.66%2C5.67%2C12.66%2C12.66-5.67%2C12.66-12.66%2C12.66-12.66-5.67-12.66-12.66M148.16%2C117.52c-7%2C0-12.67-5.67-12.67-12.66s5.67-12.67%2C12.67-12.67%2C12.66%2C5.67%2C12.66%2C12.67-5.67%2C12.66-12.66%2C12.66M185.21%2C113.38c-3.61%2C7.31-8.01%2C14.14-13.25%2C20.31-.14.17-.22.22-.32.17-.13-.07-.09-.21-.13-.39-1.36-7.16-5.83-12.17-12.56-15.06%2C8.47-7.48%2C8.39-20.33-.2-27.4-5.23-4.3-12.42-5.04-18.38-1.83-5.08%2C2.74-8.48%2C7.84-9.16%2C13.29-.75%2C6.03%2C1.41%2C11.82%2C6%2C15.87-7.48%2C2.78-13.21%2C10.07-13.24%2C18.03l-.03%2C7.98c0%2C1.25%2C1.15%2C2.07%2C2.28%2C2.05%2C1.12-.03%2C2.15-.86%2C2.16-2.11l.07-7.74c.09-8.95%2C9.62-15.15%2C14.6-14.57%2C3.65.42%2C6.55.51%2C10.19%2C0%2C2.85-.41%2C6.3%2C1.86%2C8.48%2C3.52%2C4.16%2C3.17%2C5.83%2C8.14%2C5.56%2C13.19-13.79%2C13.84-30.77%2C20.57-50.05%2C22.73-11.19%2C1.26-22.39%2C1.28-33.57%2C0-19.23-2.2-36.69-8.97-50.46-22.86-.32-4.8%2C1.39-9.98%2C5.42-13.08%2C2.23-1.71%2C5.74-4.03%2C8.68-3.58%2C3.77.57%2C6.74.53%2C10.54-.03%2C4.22-.62%2C14.29%2C5.41%2C14.31%2C15.03l.02%2C7.02c0%2C1.35.83%2C2.38%2C2.13%2C2.44%2C1.25.06%2C2.42-.84%2C2.41-2.25l-.03-7.57c-.03-8.1-5.68-15.37-13.21-18.33%2C5.78-5.14%2C7.71-13.14%2C4.87-20.21-1.34-3.34-3.57-6-6.52-8-6.57-4.45-15.21-3.63-20.93%2C1.79-7.7%2C7.29-7.3%2C19.48.74%2C26.47-6.89%2C2.67-11.62%2C8.38-12.82%2C15.71-8.7-10.17-15.21-21.77-19.31-34.32-4.49-13.9-5.88-28.52-3.78-42.97%2C2.22-15.28%2C8.19-29.86%2C19.84-40.18%2C13.12-11.61%2C31.62-14.91%2C47.86-8.28%2C3.38%2C1.38%2C6.55%2C3.08%2C9.6%2C5.06%2C10.91%2C7.08%2C24.79%2C6.86%2C35.51-.46%2C4.31-2.94%2C9.06-5.07%2C14.11-6.44%2C15.44-4.18%2C31.05.54%2C42.58%2C11.3%2C9.51%2C8.87%2C15.1%2C20.67%2C17.86%2C33.29%2C1.05%2C4.82%2C1.73%2C9.51%2C2%2C14.47.9%2C16.58-2.55%2C33.02-9.9%2C47.91M199.77%2C63.49c-.63-9.78-2.82-19.28-6.69-28.27-2.84-6.6-6.6-12.61-11.43-17.89-12.7-13.9-31.37-20.6-49.9-15.72-5.74%2C1.51-11.09%2C3.93-15.99%2C7.26-9.05%2C6.17-20.8%2C6.39-29.99.39-2.43-1.59-4.95-2.93-7.5-4.17C59.2-4.2%2C36.52-.53%2C21.18%2C14.07c-5.46%2C5.19-9.93%2C11.38-13.21%2C18.29-3.02%2C6.38-5.13%2C13.02-6.39%2C19.99-4.88%2C26.94%2C1.68%2C54.2%2C17.28%2C76.56%2C20.28%2C29.08%2C48.5%2C38.59%2C83.07%2C38.27%2C25.97-.24%2C49.86-6.04%2C68.69-25.02%2C7.38-7.44%2C13.38-15.99%2C18.12-25.22%2C8.65-16.85%2C12.25-34.5%2C11.03-53.45%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.1%2C119.89c.87%2C1.19.12%2C2.71-.79%2C3.23-1.21.69-2.44.25-3.24-.85-10.45-14.49-11.42-34.07-1.1-48.85.87-1.25%2C2.36-1.66%2C3.53-.76%2C1.21.93%2C1.12%2C2.35.25%2C3.59-3.18%2C4.49-5.1%2C9.66-5.91%2C15.18-1.47%2C10.06%2C1.26%2C20.25%2C7.26%2C28.47%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M174.55%2C122.39c-.92%2C1.26-2.37%2C1.54-3.43.76-1.17-.86-1.21-2.31-.36-3.49%2C6.71-9.22%2C9.07-21%2C6.63-32.15-.93-4.26-2.67-8.06-5.09-11.62-.75-1.1-.36-2.58.61-3.19%2C1.14-.71%2C2.51-.45%2C3.28.64%2C4.05%2C5.76%2C6.23%2C12.39%2C6.71%2C19.44.72%2C10.58-2.09%2C20.97-8.35%2C29.6%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M120.01%2C40.55c-13.39-4.02-25.7-4.02-39.11-.08-1.3.38-2.49-.28-2.92-1.42-.39-1.06.03-2.62%2C1.31-3.03%2C13.91-4.5%2C28.37-4.43%2C42.27.05%2C1.27.41%2C1.7%2C1.88%2C1.34%2C2.98-.35%2C1.07-1.62%2C1.89-2.89%2C1.51%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M81.05%2C150.41c-1.57-.39-2.35-1.48-2.11-2.85.26-1.51%2C1.64-2.16%2C3.16-1.78%2C12.16%2C3.02%2C24.73%2C2.94%2C36.8-.33%2C1.44-.39%2C2.69.58%2C2.93%2C1.75.31%2C1.49-.53%2C2.49-1.98%2C2.9-12.67%2C3.55-25.95%2C3.55-38.81.32%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M56.07%2C49.39c-7.35%2C0-13.3-5.95-13.3-13.3s5.95-13.3%2C13.3-13.3%2C13.3%2C5.96%2C13.3%2C13.3-5.96%2C13.3-13.3%2C13.3M80.64%2C67.77c-.55-8.29-5.94-14.41-13.61-17.36%2C8.89-7.02%2C9.35-20.13%2C1.08-27.79-5.14-4.76-12.6-6.11-19.09-3.29-5.82%2C2.53-9.82%2C7.97-10.69%2C13.93-.98%2C6.67%2C1.55%2C12.94%2C6.79%2C17.18-7.69%2C2.77-13.53%2C9.65-13.59%2C17.92l-.04%2C5.57c-.01%2C1.45%2C1.19%2C2.43%2C2.47%2C2.33%2C1.42-.12%2C2.22-1.21%2C2.2-2.68-.03-2.08-.12-4.08.13-6.15.5-4.17%2C2.52-7.81%2C6.13-10.17%2C2.6-1.7%2C6.05-3.47%2C9.25-3.21%2C3.18.26%2C5.84.14%2C9.14-.03%2C3.59-.19%2C7.16%2C1.88%2C9.82%2C3.9%2C3.33%2C2.53%2C5.06%2C6.16%2C5.4%2C10.23.16%2C1.92.05%2C3.72.07%2C5.63%2C0%2C1.35.82%2C2.37%2C2.12%2C2.48%2C1.09.09%2C2.43-.64%2C2.48-1.96.08-2.19.11-4.32-.03-6.53%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M145.2%2C49.94c-7.34%2C0-13.29-5.95-13.29-13.29s5.95-13.29%2C13.29-13.29%2C13.29%2C5.95%2C13.29%2C13.29-5.95%2C13.29-13.29%2C13.29M169.65%2C69.31c-.45-8.9-5.46-14.93-13.5-18.34%2C4.02-3.22%2C6.37-7.65%2C6.84-12.65.81-8.61-4.34-16.44-12.54-19.1-7.04-2.19-14.58.22-19.17%2C5.99-6.26%2C7.85-5.03%2C19.35%2C2.87%2C25.77-7.94%2C3.11-13.54%2C9.81-13.59%2C18.54l-.03%2C4.86c0%2C1.43%2C1.04%2C2.45%2C2.42%2C2.38%2C1.2-.06%2C2.18-1.03%2C2.17-2.38-.02-1.77-.05-3.47.04-5.24.44-8.53%2C7.44-13.74%2C15.34-14.8%2C3.13.79%2C6.17.78%2C9.4-.02%2C7.88%2C1.19%2C14.46%2C6.46%2C15.08%2C14.6.14%2C1.77.1%2C3.48.06%2C5.26-.03%2C1.48.89%2C2.56%2C2.31%2C2.58%2C1.26.01%2C2.32-.98%2C2.31-2.38v-5.05Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M100.41%2C92.89c-7.14%2C0-12.93-5.79-12.93-12.93s5.79-12.93%2C12.93-12.93%2C12.93%2C5.79%2C12.93%2C12.93-5.79%2C12.93-12.93%2C12.93M125.25%2C111.19c-.41-8.49-5.92-14.59-13.7-17.57%2C8.46-7.34%2C8.41-20.34-.1-27.46-6.28-5.36-15.39-5.41-21.78-.24-8.82%2C7.14-9.04%2C20.32-.38%2C27.71-8.1%2C2.9-13.81%2C9.97-13.8%2C18.29v7.73c0%2C1.35%2C1.33%2C2.12%2C2.49%2C2%2C1.28-.13%2C2.05-1.17%2C2.06-2.51l.03-7.19c.04-9.61%2C10.63-15.25%2C15.2-14.62%2C3.73.52%2C6.68.43%2C10.53-.03%2C4.82-.57%2C14.85%2C5.36%2C14.91%2C14.65l.05%2C7.38c0%2C1.34.95%2C2.3%2C2.23%2C2.33%2C1.05.03%2C2.27-.75%2C2.3-2.02.06-2.84.12-5.6-.02-8.46%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}
.chapter-card--mini-ch3 .chapter-card__mini-icon::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20198.4%20182.02%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.21%2C104.37c-1.36%2C0-2.42-.97-2.46-2.25-.02-.67.22-1.3.66-1.76.45-.47%2C1.09-.72%2C1.8-.72h19.68c1.53.02%2C2.37%2C1.18%2C2.41%2C2.32.02.61-.24%2C1.27-.69%2C1.74-.28.29-.76.64-1.45.64l-19.96.04Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M99.12%2C182.02c-1.45%2C0-2.87-.38-4.23-1.12-5.52-3.01-10.42-6.17-14.97-9.65-11-8.66-17.04-17.01-19.57-27.06-.09-.35-.41-.6-.77-.6l-52.02-.11c-4.02%2C0-7.54-3.65-7.54-7.79L.02%2C24.4C.02%2C19.23%2C4.66%2C15.7%2C9%2C15.65h.77c.41%2C0%2C.83%2C0%2C1.4-.11.38-.07.66-.4.66-.78l.03-7.35c0-2.87%2C1.97-5.1%2C4.87-5.56C24.03.69%2C31.35.11%2C38.47.11c5.52%2C0%2C11.06.35%2C16.49%2C1.04%2C12.46%2C1.72%2C30.16%2C6.45%2C43.67%2C19.24.15.15.35.22.55.22s.38-.07.53-.2c9.57-8.59%2C22.33-14.81%2C36.91-17.97%2C6.05-1.35%2C12.34-2.08%2C20.38-2.37%2C1.18-.04%2C2.35-.06%2C3.51-.06%2C6.2%2C0%2C12.62.53%2C20.82%2C1.73%2C3.19.47%2C5.25%2C2.7%2C5.27%2C5.69l.03%2C7.31c0%2C.38.27.71.64.78.56.11.97.12%2C1.44.12h.67c4.34.09%2C8.99%2C3.63%2C9%2C8.76l.02%2C111.05c0%2C4.46-3.68%2C8.1-8.21%2C8.1h-51.39c-.37%2C0-.69.26-.78.62-2.16%2C8.82-7.4%2C16.6-16.5%2C24.48-5.1%2C4.35-10.97%2C8.33-17.95%2C12.17-1.45.8-2.95%2C1.2-4.45%2C1.2h0ZM99.14%2C88.44c-.15%2C0-.31.04-.44.13l-9.23%2C6.05c-4.88%2C2.8-9.83%2C5.12-15.11%2C7.07-3.73%2C1.3-6.81%2C2.03-9.96%2C2.39-.4.04-.71.39-.71.79v31.39c-.01%2C5.91%2C2.13%2C12.11%2C6.35%2C18.42%2C7.3%2C10.91%2C21.41%2C19.15%2C27.14%2C22.19.65.34%2C1.31.52%2C1.98.52s1.4-.19%2C2.12-.57c6.72-3.57%2C12.54-7.5%2C17.79-12.02%2C10.35-8.91%2C15.48-18.56%2C15.69-29.52l-.02-16.08-.14-14.34c0-.4-.3-.74-.7-.79-4.22-.54-8.38-1.72-12.73-3.61-7-3.05-14.06-6.94-21.57-11.9-.13-.09-.29-.13-.44-.13ZM9.82%2C20.1c-.56%2C0-1.15.09-1.78.27-2.09.6-3.44%2C2.36-3.44%2C4.48v110.32c0%2C2.15%2C1.68%2C3.83%2C3.83%2C3.83h50.17c.21.01.42-.07.57-.22s.23-.36.23-.58l-.12-6.46c0-.31-.19-.59-.47-.72-9.14-4.07-18.83-4.6-26.25-4.6h-.6c-3.35.02-6.64.27-9.83.51-1.42.11-2.85.22-4.3.31-.13%2C0-.26.01-.38.01-3.14%2C0-5.6-2.49-5.6-5.67V21.09c.01-.35-.22-.66-.55-.77-.48-.14-.98-.22-1.48-.22ZM164.68%2C126.43c-4.93%2C0-9.38.38-13.63%2C1.18-4.54.85-8.22%2C1.93-11.57%2C3.41-.29.13-.47.41-.48.73l-.05%2C6.46c0%2C.21.08.42.23.57.15.15.35.24.57.24h50.19c1.04-.01%2C2-.4%2C2.71-1.1.71-.71%2C1.1-1.68%2C1.1-2.73V24.69c0-2.75-2.64-4.6-5.1-4.6-.52%2C0-1.02.08-1.49.23-.33.11-.55.41-.55.76v100.49c-.01%2C3.2-2.54%2C5.7-5.78%2C5.7-.16%2C0-.32%2C0-.48-.02h-.19c-5.34-.43-10.38-.83-15.48-.83ZM33.57%2C121.83c9.37%2C0%2C17.42%2C1.29%2C24.62%2C3.93.09.03.18.05.28.05.16%2C0%2C.32-.05.46-.14.21-.15.34-.39.34-.65l.1-20.88c.01-2.65%2C2.15-4.06%2C3.97-4.47%2C3.82-.44%2C7.67-1.51%2C12.02-3.35%2C7.62-3.22%2C14.73-7.2%2C21.16-11.84.21-.15.33-.39.33-.65V25.52c0-.22-.09-.43-.25-.58-5.38-5.15-11.41-9.27-17.92-12.22-6.96-3.17-14.19-5.32-22.11-6.59-6.11-.94-12.06-1.4-18.22-1.4-6.88%2C0-13.81.57-21.18%2C1.76-.39.06-.67.4-.67.79v113.83c.01.49.01.98.5%2C1.38.21.17.48.26.81.26.09%2C0%2C.19%2C0%2C.3-.02%2C5.99-.62%2C10.91-.91%2C15.47-.91ZM160.38%2C4.69c-7.15%2C0-14.06.64-21.12%2C1.96-8.17%2C1.67-15.51%2C4.21-22.46%2C7.78-5.73%2C2.93-10.64%2C6.35-15%2C10.46-.16.15-.25.36-.25.58v58.4c0%2C.27.13.52.36.67%2C7.38%2C4.78%2C14.83%2C8.84%2C22.15%2C12.06%2C3.5%2C1.54%2C6.96%2C2.52%2C10.89%2C3.06%2C2.37.39%2C4.04%2C2.37%2C4.04%2C4.8l.04%2C20.52c0%2C.26.13.5.34.65.14.1.3.15.46.15.09%2C0%2C.18-.01.26-.04%2C3.83-1.33%2C7.14-2.19%2C10.75-2.79%2C4.37-.75%2C8.83-1.12%2C13.63-1.12%2C1.07%2C0%2C2.15.02%2C3.24.05%2C0%2C0%2C13.38.9%2C13.4.9.2%2C0%2C.4-.08.55-.22.16-.15.25-.36.25-.58v-17.35s.04-74.55.04-74.55l.02-22.81c0-.39-.28-.73-.67-.79-7.23-1.21-14.08-1.8-20.94-1.8Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.21%2C90.07c-1.31%2C0-2.31-.85-2.44-2.08-.07-.64.19-1.39.66-1.91.27-.3.73-.66%2C1.41-.66l29.61-.04c1.34%2C0%2C2.16%2C1.07%2C2.24%2C2.08.06.72-.19%2C1.5-.64%2C2-.34.38-.78.57-1.29.57l-29.55.04Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M139.4%2C90.05c-.68%2C0-1.14-.34-1.41-.62-.45-.47-.71-1.14-.69-1.76.06-1.4%2C1.05-2.3%2C2.52-2.3h28.14c1.44%2C0%2C2.43.83%2C2.58%2C2.15.07.63-.16%2C1.36-.6%2C1.85-.27.3-.74.66-1.46.66l-29.08.02Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M148.4%2C104.37c-1.39%2C0-2.43-.96-2.47-2.27-.02-.64.24-1.29.69-1.76.29-.3.8-.67%2C1.56-.67l19.92-.04c1.56%2C0%2C2.41%2C1.16%2C2.46%2C2.31.02.63-.21%2C1.25-.65%2C1.7-.44.46-1.06.71-1.73.71h-19.78Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M141.4%2C78.63c-14.95%2C0-27.1-12.16-27.1-27.1s12.16-27.1%2C27.1-27.1%2C27.1%2C12.16%2C27.1%2C27.1-12.16%2C27.1-27.1%2C27.1ZM141.39%2C28.76c-12.54%2C0-22.75%2C10.21-22.75%2C22.75s10.21%2C22.75%2C22.75%2C22.75%2C22.75-10.21%2C22.75-22.75-10.21-22.75-22.75-22.75Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M140.54%2C68.42c-1.37%2C0-2.51-.03-3.57-.09-.76-.04-1.25-.46-1.52-.81-.45-.58-.65-1.37-.52-2.06.24-1.3%2C1.3-2.07%2C2.82-2.07.12%2C0%2C.25%2C0%2C.38.02.01%2C0%2C.03%2C0%2C.04%2C0%2C.12%2C0%2C.25-.05.34-.13.1-.09.16-.23.16-.37v-9.65c0-.14-.07-.28-.18-.38-.09-.08-.21-.12-.33-.12-.02%2C0-.04%2C0-.07%2C0-.16.02-.32.03-.47.03-1.44%2C0-2.55-.91-2.69-2.2-.08-.71.14-1.42.61-1.94.47-.52%2C1.13-.81%2C1.86-.81l4.16.03c1.34%2C0%2C2.38%2C1.08%2C2.38%2C2.44l.02%2C12.33c0%2C.58.61.68%2C1.16.76%2C1.34.2%2C2.55.53%2C2.68%2C2.33.05.7-.2%2C1.41-.66%2C1.91-.31.33-.85.73-1.71.74-.71%2C0-1.41.01-2.1.02-.94.01-1.87.02-2.79.02Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M141.19%2C42.83c-1.96%2C0-3.56-1.6-3.56-3.56s1.6-3.56%2C3.56-3.56%2C3.56%2C1.6%2C3.56%2C3.56-1.6%2C3.56-3.56%2C3.56Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M74.35%2C152.14c-.93-.02-1.88-.74-1.86-1.91.01-.87%2C0-1.73-.01-2.59-.02-1.5-.04-2.91.07-4.4.37-5.08%2C3.13-9.43%2C7.56-11.93.22-.12.37-.35.4-.6.03-.25-.06-.5-.24-.68-2.47-2.34-3.69-5.48-3.44-8.83.24-3.22%2C1.97-6.19%2C4.6-7.95%2C1.58-1.05%2C3.38-1.61%2C5.21-1.61%2C2.27%2C0%2C4.47.87%2C6.21%2C2.44%2C2.23%2C2.01%2C3.49%2C4.74%2C3.57%2C7.67.08%2C3.08-1.13%2C6.03-3.41%2C8.3-.18.18-.26.42-.23.67s.18.46.4.59c2.27%2C1.3%2C3.95%2C2.88%2C5.29%2C4.97.15.23.39.36.66.37h.01c.26%2C0%2C.51-.13.66-.35%2C1.5-2.19%2C3.19-3.78%2C5.33-5%2C.22-.12.37-.34.4-.59.03-.25-.06-.5-.24-.68-2.34-2.27-3.58-5.41-3.38-8.62.19-3.14%2C1.75-6.03%2C4.27-7.93%2C1.61-1.21%2C3.5-1.86%2C5.47-1.86%2C1.56%2C0%2C3.12.42%2C4.51%2C1.2%2C2.76%2C1.56%2C4.75%2C4.49%2C5.21%2C7.64.52%2C3.57-.67%2C6.97-3.33%2C9.56-.18.18-.27.43-.23.68.03.25.18.47.4.59%2C4.76%2C2.65%2C7.58%2C7.58%2C7.56%2C13.2l-.02%2C5.73c0%2C1.11-.78%2C1.89-1.9%2C1.89-1.08%2C0-1.84-.79-1.84-1.92l-.04-6.37c-.03-5.34-4.4-9.93-9.73-10.24-.21-.01-.41-.02-.62-.02-5.4%2C0-9.88%2C4.3-10.41%2C10-.13%2C1.39-.11%2C2.72-.09%2C4%2C.01.86.03%2C1.74%2C0%2C2.64-.04%2C1.13-.85%2C1.92-1.96%2C1.92-.12%2C0-.24%2C0-.37-.03-.82-.13-1.65-.7-1.67-1.71l-.07-6.58c-.06-5.48-4.56-10.07-10.04-10.25-.11%2C0-.22%2C0-.33%2C0-5.64%2C0-10.28%2C4.53-10.33%2C10.1l-.06%2C6.58c-.01%2C1.06-.84%2C1.89-1.9%2C1.89h-.05ZM111.66%2C115.91c-3.42%2C0-6.2%2C2.78-6.2%2C6.2s2.78%2C6.2%2C6.2%2C6.2%2C6.2-2.78%2C6.2-6.2-2.78-6.2-6.2-6.2ZM86.61%2C115.91c-3.42%2C0-6.19%2C2.78-6.19%2C6.19s2.78%2C6.19%2C6.19%2C6.19%2C6.2-2.78%2C6.2-6.19-2.78-6.19-6.2-6.19Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M55.92%2C75.9c-.61%2C0-1.28-.22-1.88-.61-6.85-4.45-16.12-11.5-21.44-19.84-2.05-3.21-3.19-6.38-3.49-9.69-.47-5.07%2C1.04-9.69%2C4.24-13.02%2C2.67-2.78%2C6.31-4.31%2C10.25-4.31%2C2.18%2C0%2C4.38.49%2C6.37%2C1.43%2C2.19%2C1.03%2C3.82%2C2.57%2C5.27%2C4.09.15.16.36.25.58.25h0c.22%2C0%2C.43-.09.58-.25%2C1.86-1.94%2C3.52-3.2%2C5.38-4.08%2C1.98-.94%2C4.18-1.43%2C6.34-1.43%2C3.47%2C0%2C6.79%2C1.25%2C9.36%2C3.51%2C4.75%2C4.19%2C7.55%2C12.87%2C2.45%2C22.02-5.84%2C10.48-18.93%2C19.18-22.8%2C21.6-.35.22-.75.33-1.19.33h0ZM43.65%2C32.78c-1.14%2C0-2.3.2-3.45.61-2.73.96-4.98%2C3.21-6.01%2C6.02-1.51%2C4.1-.87%2C8.65%2C1.86%2C13.16%2C5.03%2C8.32%2C15.18%2C15.59%2C19.31%2C18.33.13.09.29.13.44.13s.31-.04.44-.13c6.15-4.1%2C11.12-8.28%2C15.22-12.79%2C6.09-6.7%2C8.1-12.99%2C5.97-18.68-1.5-4.02-5.18-6.62-9.39-6.62-1.75%2C0-3.51.47-5.08%2C1.37-2.63%2C1.5-3.87%2C3.21-4.77%2C4.47-.93%2C1.29-1.34%2C1.81-2.39%2C1.81-.77%2C0-1.44-.38-1.88-1.08-2.72-4.25-6.37-6.59-10.28-6.59Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20198.4%20182.02%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23251e1c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.21%2C104.37c-1.36%2C0-2.42-.97-2.46-2.25-.02-.67.22-1.3.66-1.76.45-.47%2C1.09-.72%2C1.8-.72h19.68c1.53.02%2C2.37%2C1.18%2C2.41%2C2.32.02.61-.24%2C1.27-.69%2C1.74-.28.29-.76.64-1.45.64l-19.96.04Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M99.12%2C182.02c-1.45%2C0-2.87-.38-4.23-1.12-5.52-3.01-10.42-6.17-14.97-9.65-11-8.66-17.04-17.01-19.57-27.06-.09-.35-.41-.6-.77-.6l-52.02-.11c-4.02%2C0-7.54-3.65-7.54-7.79L.02%2C24.4C.02%2C19.23%2C4.66%2C15.7%2C9%2C15.65h.77c.41%2C0%2C.83%2C0%2C1.4-.11.38-.07.66-.4.66-.78l.03-7.35c0-2.87%2C1.97-5.1%2C4.87-5.56C24.03.69%2C31.35.11%2C38.47.11c5.52%2C0%2C11.06.35%2C16.49%2C1.04%2C12.46%2C1.72%2C30.16%2C6.45%2C43.67%2C19.24.15.15.35.22.55.22s.38-.07.53-.2c9.57-8.59%2C22.33-14.81%2C36.91-17.97%2C6.05-1.35%2C12.34-2.08%2C20.38-2.37%2C1.18-.04%2C2.35-.06%2C3.51-.06%2C6.2%2C0%2C12.62.53%2C20.82%2C1.73%2C3.19.47%2C5.25%2C2.7%2C5.27%2C5.69l.03%2C7.31c0%2C.38.27.71.64.78.56.11.97.12%2C1.44.12h.67c4.34.09%2C8.99%2C3.63%2C9%2C8.76l.02%2C111.05c0%2C4.46-3.68%2C8.1-8.21%2C8.1h-51.39c-.37%2C0-.69.26-.78.62-2.16%2C8.82-7.4%2C16.6-16.5%2C24.48-5.1%2C4.35-10.97%2C8.33-17.95%2C12.17-1.45.8-2.95%2C1.2-4.45%2C1.2h0ZM99.14%2C88.44c-.15%2C0-.31.04-.44.13l-9.23%2C6.05c-4.88%2C2.8-9.83%2C5.12-15.11%2C7.07-3.73%2C1.3-6.81%2C2.03-9.96%2C2.39-.4.04-.71.39-.71.79v31.39c-.01%2C5.91%2C2.13%2C12.11%2C6.35%2C18.42%2C7.3%2C10.91%2C21.41%2C19.15%2C27.14%2C22.19.65.34%2C1.31.52%2C1.98.52s1.4-.19%2C2.12-.57c6.72-3.57%2C12.54-7.5%2C17.79-12.02%2C10.35-8.91%2C15.48-18.56%2C15.69-29.52l-.02-16.08-.14-14.34c0-.4-.3-.74-.7-.79-4.22-.54-8.38-1.72-12.73-3.61-7-3.05-14.06-6.94-21.57-11.9-.13-.09-.29-.13-.44-.13ZM9.82%2C20.1c-.56%2C0-1.15.09-1.78.27-2.09.6-3.44%2C2.36-3.44%2C4.48v110.32c0%2C2.15%2C1.68%2C3.83%2C3.83%2C3.83h50.17c.21.01.42-.07.57-.22s.23-.36.23-.58l-.12-6.46c0-.31-.19-.59-.47-.72-9.14-4.07-18.83-4.6-26.25-4.6h-.6c-3.35.02-6.64.27-9.83.51-1.42.11-2.85.22-4.3.31-.13%2C0-.26.01-.38.01-3.14%2C0-5.6-2.49-5.6-5.67V21.09c.01-.35-.22-.66-.55-.77-.48-.14-.98-.22-1.48-.22ZM164.68%2C126.43c-4.93%2C0-9.38.38-13.63%2C1.18-4.54.85-8.22%2C1.93-11.57%2C3.41-.29.13-.47.41-.48.73l-.05%2C6.46c0%2C.21.08.42.23.57.15.15.35.24.57.24h50.19c1.04-.01%2C2-.4%2C2.71-1.1.71-.71%2C1.1-1.68%2C1.1-2.73V24.69c0-2.75-2.64-4.6-5.1-4.6-.52%2C0-1.02.08-1.49.23-.33.11-.55.41-.55.76v100.49c-.01%2C3.2-2.54%2C5.7-5.78%2C5.7-.16%2C0-.32%2C0-.48-.02h-.19c-5.34-.43-10.38-.83-15.48-.83ZM33.57%2C121.83c9.37%2C0%2C17.42%2C1.29%2C24.62%2C3.93.09.03.18.05.28.05.16%2C0%2C.32-.05.46-.14.21-.15.34-.39.34-.65l.1-20.88c.01-2.65%2C2.15-4.06%2C3.97-4.47%2C3.82-.44%2C7.67-1.51%2C12.02-3.35%2C7.62-3.22%2C14.73-7.2%2C21.16-11.84.21-.15.33-.39.33-.65V25.52c0-.22-.09-.43-.25-.58-5.38-5.15-11.41-9.27-17.92-12.22-6.96-3.17-14.19-5.32-22.11-6.59-6.11-.94-12.06-1.4-18.22-1.4-6.88%2C0-13.81.57-21.18%2C1.76-.39.06-.67.4-.67.79v113.83c.01.49.01.98.5%2C1.38.21.17.48.26.81.26.09%2C0%2C.19%2C0%2C.3-.02%2C5.99-.62%2C10.91-.91%2C15.47-.91ZM160.38%2C4.69c-7.15%2C0-14.06.64-21.12%2C1.96-8.17%2C1.67-15.51%2C4.21-22.46%2C7.78-5.73%2C2.93-10.64%2C6.35-15%2C10.46-.16.15-.25.36-.25.58v58.4c0%2C.27.13.52.36.67%2C7.38%2C4.78%2C14.83%2C8.84%2C22.15%2C12.06%2C3.5%2C1.54%2C6.96%2C2.52%2C10.89%2C3.06%2C2.37.39%2C4.04%2C2.37%2C4.04%2C4.8l.04%2C20.52c0%2C.26.13.5.34.65.14.1.3.15.46.15.09%2C0%2C.18-.01.26-.04%2C3.83-1.33%2C7.14-2.19%2C10.75-2.79%2C4.37-.75%2C8.83-1.12%2C13.63-1.12%2C1.07%2C0%2C2.15.02%2C3.24.05%2C0%2C0%2C13.38.9%2C13.4.9.2%2C0%2C.4-.08.55-.22.16-.15.25-.36.25-.58v-17.35s.04-74.55.04-74.55l.02-22.81c0-.39-.28-.73-.67-.79-7.23-1.21-14.08-1.8-20.94-1.8Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.21%2C90.07c-1.31%2C0-2.31-.85-2.44-2.08-.07-.64.19-1.39.66-1.91.27-.3.73-.66%2C1.41-.66l29.61-.04c1.34%2C0%2C2.16%2C1.07%2C2.24%2C2.08.06.72-.19%2C1.5-.64%2C2-.34.38-.78.57-1.29.57l-29.55.04Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M139.4%2C90.05c-.68%2C0-1.14-.34-1.41-.62-.45-.47-.71-1.14-.69-1.76.06-1.4%2C1.05-2.3%2C2.52-2.3h28.14c1.44%2C0%2C2.43.83%2C2.58%2C2.15.07.63-.16%2C1.36-.6%2C1.85-.27.3-.74.66-1.46.66l-29.08.02Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M148.4%2C104.37c-1.39%2C0-2.43-.96-2.47-2.27-.02-.64.24-1.29.69-1.76.29-.3.8-.67%2C1.56-.67l19.92-.04c1.56%2C0%2C2.41%2C1.16%2C2.46%2C2.31.02.63-.21%2C1.25-.65%2C1.7-.44.46-1.06.71-1.73.71h-19.78Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M141.4%2C78.63c-14.95%2C0-27.1-12.16-27.1-27.1s12.16-27.1%2C27.1-27.1%2C27.1%2C12.16%2C27.1%2C27.1-12.16%2C27.1-27.1%2C27.1ZM141.39%2C28.76c-12.54%2C0-22.75%2C10.21-22.75%2C22.75s10.21%2C22.75%2C22.75%2C22.75%2C22.75-10.21%2C22.75-22.75-10.21-22.75-22.75-22.75Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M140.54%2C68.42c-1.37%2C0-2.51-.03-3.57-.09-.76-.04-1.25-.46-1.52-.81-.45-.58-.65-1.37-.52-2.06.24-1.3%2C1.3-2.07%2C2.82-2.07.12%2C0%2C.25%2C0%2C.38.02.01%2C0%2C.03%2C0%2C.04%2C0%2C.12%2C0%2C.25-.05.34-.13.1-.09.16-.23.16-.37v-9.65c0-.14-.07-.28-.18-.38-.09-.08-.21-.12-.33-.12-.02%2C0-.04%2C0-.07%2C0-.16.02-.32.03-.47.03-1.44%2C0-2.55-.91-2.69-2.2-.08-.71.14-1.42.61-1.94.47-.52%2C1.13-.81%2C1.86-.81l4.16.03c1.34%2C0%2C2.38%2C1.08%2C2.38%2C2.44l.02%2C12.33c0%2C.58.61.68%2C1.16.76%2C1.34.2%2C2.55.53%2C2.68%2C2.33.05.7-.2%2C1.41-.66%2C1.91-.31.33-.85.73-1.71.74-.71%2C0-1.41.01-2.1.02-.94.01-1.87.02-2.79.02Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M141.19%2C42.83c-1.96%2C0-3.56-1.6-3.56-3.56s1.6-3.56%2C3.56-3.56%2C3.56%2C1.6%2C3.56%2C3.56-1.6%2C3.56-3.56%2C3.56Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M74.35%2C152.14c-.93-.02-1.88-.74-1.86-1.91.01-.87%2C0-1.73-.01-2.59-.02-1.5-.04-2.91.07-4.4.37-5.08%2C3.13-9.43%2C7.56-11.93.22-.12.37-.35.4-.6.03-.25-.06-.5-.24-.68-2.47-2.34-3.69-5.48-3.44-8.83.24-3.22%2C1.97-6.19%2C4.6-7.95%2C1.58-1.05%2C3.38-1.61%2C5.21-1.61%2C2.27%2C0%2C4.47.87%2C6.21%2C2.44%2C2.23%2C2.01%2C3.49%2C4.74%2C3.57%2C7.67.08%2C3.08-1.13%2C6.03-3.41%2C8.3-.18.18-.26.42-.23.67s.18.46.4.59c2.27%2C1.3%2C3.95%2C2.88%2C5.29%2C4.97.15.23.39.36.66.37h.01c.26%2C0%2C.51-.13.66-.35%2C1.5-2.19%2C3.19-3.78%2C5.33-5%2C.22-.12.37-.34.4-.59.03-.25-.06-.5-.24-.68-2.34-2.27-3.58-5.41-3.38-8.62.19-3.14%2C1.75-6.03%2C4.27-7.93%2C1.61-1.21%2C3.5-1.86%2C5.47-1.86%2C1.56%2C0%2C3.12.42%2C4.51%2C1.2%2C2.76%2C1.56%2C4.75%2C4.49%2C5.21%2C7.64.52%2C3.57-.67%2C6.97-3.33%2C9.56-.18.18-.27.43-.23.68.03.25.18.47.4.59%2C4.76%2C2.65%2C7.58%2C7.58%2C7.56%2C13.2l-.02%2C5.73c0%2C1.11-.78%2C1.89-1.9%2C1.89-1.08%2C0-1.84-.79-1.84-1.92l-.04-6.37c-.03-5.34-4.4-9.93-9.73-10.24-.21-.01-.41-.02-.62-.02-5.4%2C0-9.88%2C4.3-10.41%2C10-.13%2C1.39-.11%2C2.72-.09%2C4%2C.01.86.03%2C1.74%2C0%2C2.64-.04%2C1.13-.85%2C1.92-1.96%2C1.92-.12%2C0-.24%2C0-.37-.03-.82-.13-1.65-.7-1.67-1.71l-.07-6.58c-.06-5.48-4.56-10.07-10.04-10.25-.11%2C0-.22%2C0-.33%2C0-5.64%2C0-10.28%2C4.53-10.33%2C10.1l-.06%2C6.58c-.01%2C1.06-.84%2C1.89-1.9%2C1.89h-.05ZM111.66%2C115.91c-3.42%2C0-6.2%2C2.78-6.2%2C6.2s2.78%2C6.2%2C6.2%2C6.2%2C6.2-2.78%2C6.2-6.2-2.78-6.2-6.2-6.2ZM86.61%2C115.91c-3.42%2C0-6.19%2C2.78-6.19%2C6.19s2.78%2C6.19%2C6.19%2C6.19%2C6.2-2.78%2C6.2-6.19-2.78-6.19-6.2-6.19Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M55.92%2C75.9c-.61%2C0-1.28-.22-1.88-.61-6.85-4.45-16.12-11.5-21.44-19.84-2.05-3.21-3.19-6.38-3.49-9.69-.47-5.07%2C1.04-9.69%2C4.24-13.02%2C2.67-2.78%2C6.31-4.31%2C10.25-4.31%2C2.18%2C0%2C4.38.49%2C6.37%2C1.43%2C2.19%2C1.03%2C3.82%2C2.57%2C5.27%2C4.09.15.16.36.25.58.25h0c.22%2C0%2C.43-.09.58-.25%2C1.86-1.94%2C3.52-3.2%2C5.38-4.08%2C1.98-.94%2C4.18-1.43%2C6.34-1.43%2C3.47%2C0%2C6.79%2C1.25%2C9.36%2C3.51%2C4.75%2C4.19%2C7.55%2C12.87%2C2.45%2C22.02-5.84%2C10.48-18.93%2C19.18-22.8%2C21.6-.35.22-.75.33-1.19.33h0ZM43.65%2C32.78c-1.14%2C0-2.3.2-3.45.61-2.73.96-4.98%2C3.21-6.01%2C6.02-1.51%2C4.1-.87%2C8.65%2C1.86%2C13.16%2C5.03%2C8.32%2C15.18%2C15.59%2C19.31%2C18.33.13.09.29.13.44.13s.31-.04.44-.13c6.15-4.1%2C11.12-8.28%2C15.22-12.79%2C6.09-6.7%2C8.1-12.99%2C5.97-18.68-1.5-4.02-5.18-6.62-9.39-6.62-1.75%2C0-3.51.47-5.08%2C1.37-2.63%2C1.5-3.87%2C3.21-4.77%2C4.47-.93%2C1.29-1.34%2C1.81-2.39%2C1.81-.77%2C0-1.44-.38-1.88-1.08-2.72-4.25-6.37-6.59-10.28-6.59Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}

.chapter-card__mini-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* CONTENTSタイトルと同じスタイル（letter-spacing 0.18em / bold / 濃色） */
.chapter-card__mini-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.2;
  color: #1f2937;
  margin: 0;
  white-space: nowrap;
}

.chapter-card__mini-arrow {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  color: #9ca3af;
  transition: transform 0.2s ease, color 0.2s ease;
}
.chapter-card--mini:hover .chapter-card__mini-arrow {
  transform: translateX(3px);
  color: var(--mini-accent);
}

/* 章別アクセント */
.chapter-card--mini-accent    { --mini-accent: #51BA97; }   /* 冒頭グリーン */
.chapter-card--mini-ch1       { --mini-accent: #65BAE9; }   /* 第1章スカイ */
.chapter-card--mini-ch2       { --mini-accent: #F29C9E; }   /* 第2章コーラル */
.chapter-card--mini-ch3       { --mini-accent: #A988B8; }   /* 第3章パープル */
.chapter-card--mini-guideline { --mini-accent: #3170B8; }   /* 行動規範ブルー */
.chapter-card--mini-appendix{ --mini-accent: #5A5A5A; }   /* 付録グレー */

/* タブレット以下: 縦積み・高さ追従、h3の折返しを許可
   1カラム積みになるため、固定高さは解除しコンテンツ追従にする */
@media (max-width: 1023px) {
  .hero {
    height: auto;
    min-height: auto;
    padding: 3rem 0;                      /* 上下対称 */
  }
  .chapter-card__mini-title {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .hero {
    padding: 2.5rem 0;                    /* 上下対称（SPはやや短め） */
  }
  .hero-grid {
    padding: 0 1rem;
    gap: 1.5rem;
  }
  .hero-toc {
    padding: 1rem 0.9rem 1.1rem;
  }}

/* ----- メニュー（PC・SP共通） ----- */
/* デフォルト: SP（全画面下にスライド表示） */
.mobile-menu {
  display: none;
  position: fixed;
  top: 4.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-white);
  z-index: 400;
  padding: 1rem;
  overflow-y: auto;
}

.mobile-menu.active {
  display: block;
}

.mobile-menu-item {
  display: block;
  padding: 1rem;
  color: var(--color-black);
  text-decoration: none;
  border-bottom: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.mobile-menu-item:hover {
  background-color: #f9fafb;
  color: var(--color-primary);
}

/* メニュー先頭の「全文PDF」リンク: 他のセクションアンカーと差別化（アクセントカラー） */
.mobile-menu-item--full-pdf {
  font-weight: 700;
  color: var(--color-white);
  background-color: var(--color-accent-strong);
}
.mobile-menu-item--full-pdf:hover {
  background-color: var(--color-accent-strong-hover);
  color: var(--color-white);
}

/* スマホ: 章見出し + PDFボタンの行を縦並びに（見出しの下にボタン）
   mock12 では h2 に flex-1, ボタンに ml-auto が無いため、editorial-h2 へ flex-basis:100% を直接適用 */
@media (max-width: 767.98px) {
  .editorial-h2 {
    flex-basis: 100%;
  }
}

/* PC: 右側ドロップダウンパネル */
@media (min-width: 768px) {
  .mobile-menu {
    top: 60px;
    left: auto;
    right: 1rem;
    bottom: auto;
    width: 360px;
    max-height: calc(100vh - 6rem);
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid #e5e7eb;
  }
}

/* ----- ハンバーガーメニュー ----- */
.hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0.5rem;
  background: none;
  border: none;
}

.hamburger-icon {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hamburger-icon span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: var(--color-dark-gray);
  transition: all 0.3s ease;
}

.hamburger-label {
  font-size: 0.625rem;
  color: var(--color-dark-gray);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}

.hamburger.active .hamburger-icon span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active .hamburger-icon span:nth-child(2) {
  opacity: 0;
}

.hamburger.active .hamburger-icon span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* ----- スキップリンク（WCAG 2.4.1） ----- */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--color-hero-text);
  color: var(--color-white);
  padding: 0.75rem 1rem;
  z-index: 9999;
  text-decoration: none;
  font-weight: 500;
  border-radius: 0 0 0.375rem 0;
}

.skip-link:focus {
  top: 0;
}

/* ----- キーボードフォーカス可視化（WCAG 2.4.7 / 2.4.11） -----
   二重リング方式：白アウトライン + ダーク box-shadow を重ねることで、
   どんな背景色（白・灰・水色・濃緑・黒）の上でも 3:1 を確保する。 */
:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1F2937;
}

.btn-accent:focus-visible,
.btn-download:focus-visible,
.btn-secondary:focus-visible,
.btn-chapter-pdf:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #1F2937;
}

/* マウスクリック時の outline 抑制（focus-visible のみ表示） */
:focus:not(:focus-visible) {
  outline: none;
}

/* ----- モーション配慮（WCAG 2.3.3） ----- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  html {
    scroll-behavior: auto;
  }

  .btn-accent:hover,
  .btn-download:hover {
    transform: none;
  }
}

/* ----- 印刷スタイル ----- */
@media print {
  .header,
  .back-to-top,
  .mobile-menu,
  .hamburger,
  .share-section,
  .btn-download,
  .btn-secondary,
  .modal {
    display: none !important;
  }

  .hero {
    padding-top: 0;
    background: none;
    color: var(--color-black);
  }

  body {
    font-size: 12pt;
  }

  .chapter-card {
    box-shadow: none;
    border: 1px solid #ccc;
    break-inside: avoid;
  }

  a {
    text-decoration: none;
    color: var(--color-black);
  }

  .section-bg {
    background-color: var(--color-white);
  }
}

/* ----- レスポンシブ調整 ----- */
@media (max-width: 640px) {
  .chapter-card {
    padding: 1rem;
  }

  .back-to-top {
    bottom: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  /* アーカイブカード: モバイルで縦並び */
  .archive-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .archive-card-image {
    width: 100px;
  }

  .archive-card-links {
    justify-content: center;
  }
}

/* ----- アクセントカラー用ユーティリティ（v3対応） ----- */
.bg-accent { background-color: var(--color-accent); }
.text-accent-deep { color: var(--color-accent-dark); }

/* ----- トップメッセージ：アコーディオン形式 ----- */
/* 各取組み（1/2/3）はクリックで展開/折りたたみ可能 */
.message-card {
  transition: box-shadow 0.2s;
}
.message-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.message-card-toggle {
  cursor: pointer;
  font: inherit;
  background: none;
  border: none;
  width: 100%;
}

.message-card-toggle .chevron {
  transition: transform 0.25s ease;
}

/* 折りたたみ時: 下矢印（↓ = 開く）／展開時: 上矢印（↑ = 閉じる） */
.message-card-toggle[aria-expanded="false"] .chevron {
  transform: rotate(0deg);
}
.message-card-toggle[aria-expanded="true"] .chevron {
  transform: rotate(180deg);
}

/* キーボードフォーカス対応：
   .message-card-toggle は全幅 button だが、親 .message-card が overflow:hidden の
   ため button 自身のフォーカスリング（outline / box-shadow）が上端・左右でクリップ
   され見えない。そこで可視的な「詳細を読む」ピル（.message-card-toggle-label）へ
   フォーカスリングを表示し、キーボード操作でフォーカス位置が分かるようにする。 */
.message-card-toggle:focus-visible {
  outline: none;
  box-shadow: none;
}
.message-card-toggle:focus-visible .message-card-toggle-label {
  outline: 2px solid #1F2937;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #ffffff;
}

/* 本文の可読性向上：行間広めに・段落の間隔を確保・最大幅で文字数を抑制 */
/* mx auto で左右余白を均等に */
.message-prose {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  letter-spacing: 0.02em;
}

.message-prose p {
  margin-bottom: 12px;
}

.message-prose p:last-child {
  margin-bottom: 0;
}

/* ご挨拶本文も同じく可読性を上げる */
.greeting-body p {
  line-height: 2;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
}
.greeting-body p:last-child {
  margin-bottom: 0;
}

/* ----- ご挨拶：会長写真の周り込みレイアウト ----- */
/* .greeting-body の中で figure を右側に float、テキストが回り込む */
.greeting-body {
  /* float の clearfix */
  overflow: hidden;
}

.greeting-figure {
  width: 240px;
  float: right;
  margin: 0 0 1rem 1.5rem;
  shape-outside: margin-box;
}

.greeting-figure img {
  width: 240px;
  height: 327px; /* 元画像 275x375 の比率を維持 */
  object-fit: cover;
}

/* スマホでは float を解除して中央配置 */
@media (max-width: 640px) {
  .greeting-figure {
    float: none;
    width: 240px;
    max-width: 80%;
    margin: 0 auto 1.25rem;
  }
  .greeting-figure img {
    width: 100%;
    height: auto;
    aspect-ratio: 275 / 375;
  }
}

/* ----- 目次リスト内リンクのスタイル ----- */
/* 「主な内容」のリスト項目がリンクであることを明確化 */
.toc-list-link {
  color: #1E6CA0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.toc-list-link:hover {
  color: #155278;
  text-decoration-thickness: 2px;
}
.toc-list-link::after {
  content: "↗";
  display: inline-block;
  margin-left: 0.25rem;
  font-size: 0.85em;
  color: #1E6CA0;
  opacity: 0.7;
}

/* ----- 章セクションの「主な内容」リスト ----- */
/* li の装飾として ● のビュレットを CSS で再現 */
.chapter-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.chapter-list > li {
  position: relative;
  padding-left: 1.25rem;
}
.chapter-list > li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.6;
  font-size: 0.85em;
}
.chapter-list--1 > li::before { color: var(--color-chapter1); }
.chapter-list--2 > li::before { color: var(--color-chapter2); }
.chapter-list--3 > li::before { color: var(--color-chapter3); }

/* ----- li リスト：項目間の上マージン統一（12px） ----- */
.chapter-list > li + li,
.key-initiative-card ul > li + li {
  margin-top: 12px !important;
}

/* ===========================================
   Soft Modern + Editorial 装飾レイヤー (mock10)
   =========================================== */

/* ----- Editorial キッカー（英語小見出し + 横線） ----- */
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--text-size-s);
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--color-primary-strong);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.section-kicker::before,
.section-kicker::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: currentColor;
  opacity: 0.6;
}
.section-kicker--accent { color: var(--color-accent-strong); display: none !important; }
/* ヒーロー内 kicker も深森緑に揃えて柔らかい統一感を出す */
.hero .section-kicker--accent { color: #0F4D38; }

/* Chapter I/II/III キッカー: 付箋型（全角ゼロ・絶対配置） */
.section-kicker--c1,
.section-kicker--c2,
.section-kicker--c3 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 5px 18px;
  border-radius: 1rem 0 0 0;
  gap: 0;
  margin: 0;
  position: absolute;
  top: -2px;
  left: -2px;
}
.section-kicker--c1 { background-color: var(--color-chapter1); }
.section-kicker--c2 { background-color: var(--color-chapter2); }
.section-kicker--c3 { background-color: var(--color-chapter3); }
/* 付録キッカー: Chapterと同じ付箋型、帯色は目次「統計資料」アイコンと同じグレー */
.section-kicker--appendix { background-color: #5A5A5A; }
/* 上下に白いライン（::before = 上、::after = 下） */
.section-kicker--c1::before, .section-kicker--c1::after,
.section-kicker--c2::before, .section-kicker--c2::after,
.section-kicker--c3::before, .section-kicker--c3::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  height: 1.5px;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
.section-kicker--c1::before,
.section-kicker--c2::before,
.section-kicker--c3::before { top: 3px; }
.section-kicker--c1::after,
.section-kicker--c2::after,
.section-kicker--c3::after { bottom: 3px; }

/* ----- 見出し・段落 余白調整（CONTENTS以外、Tailwind utility 上書き） ----- */
/* 見出しサイズと下マージン（margin-top はここで設定しない）
   テキストサイズ3階層: h2=26px(Large), h3/h4=18px(Medium), 本文/li=16px(Small) */
main section:not(#toc) h3 {
  font-size: var(--text-size-m) !important;
  line-height: 1.5;
  margin-bottom: 1rem;
}
main section:not(#toc) h4 {
  font-size: var(--text-size-m) !important;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

/* a11y: 見出し階層適正化（WCAG 1.3.1）で h4→h3 化した Top Message カード見出し。
   従前(h4)と同一の行間・余白を維持し、レイアウトを不変に保つ。
   （上の main section:not(#toc) h3 は :not(#toc) のID分で詳細度が高いため同等以上の詳細度で上書き） */
main section:not(#toc) .message-card-toggle h3 {
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

/* アコーディオン本体を恒久的に BFC 化（display:flow-root）。
   展開アニメ完了時に JS が overflow を 'hidden'→'' へ戻すと BFC が消えて
   先頭要素の margin-top が相殺し、余白が縮む（32px→16px）ジャンプが起きるため、
   overflow に依存せず常に margin を内側へ保持して余白を一定（広い側）に固定する。
   ※ クラス詳細度(0,1,0)は .hidden と同等で、後読みの tailwind.min.css の
   .hidden{display:none} が折りたたみ時は優先されるため、開閉動作は従来どおり。 */
.accordion-bfc {
  display: flow-root;
}

/* 見出し直後の段落は上マージン詰める */
main section:not(#toc) h2 + p,
main section:not(#toc) h3 + p,
main section:not(#toc) h4 + p {
  margin-top: 0.5rem;
}

/* 段落・リストから見出しへの余白（前段から十分離す。先頭要素やflex内の見出しには適用されない） */
main section:not(#toc) :is(p, ul, ol) + h3 {
  margin-top: 3.5rem;
}
main section:not(#toc) :is(p, ul, ol) + h4 {
  margin-top: 2.5rem;
}

/* 段落の上下に視認性を高める余白を付与 */
main section:not(#toc) p {
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

/* 連続する段落同士の余白を広げる（2つ目以降のpの上margin） */
main section:not(#toc) p + p {
  margin-top: 2rem;
}

/* ご挨拶／メッセージ本文の段落余白は 12px に統一（上のグローバル指定を上書き） */
main section:not(#toc) .greeting-body p,
main section:not(#toc) .message-prose p {
  margin-top: 0;
  margin-bottom: 12px;
}
main section:not(#toc) .greeting-body p + p,
main section:not(#toc) .message-prose p + p {
  margin-top: 0;
}
main section:not(#toc) .greeting-body p:last-child,
main section:not(#toc) .message-prose p:last-child {
  margin-bottom: 0;
}

/* CONTENTS（目次）セクションは元のTailwindサイズを維持 */
#toc h3 {
  font-size: 1.125rem !important; /* text-lg = 18px */
  line-height: 1.5;
}
@media (min-width: 768px) {
  #toc h3 {
    font-size: 1.25rem !important; /* md:text-xl = 20px */
  }}

/* ----- Editorial 大型見出し ----- */
.editorial-h2 {
  font-size: var(--text-size-l);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 2rem;
}

/* flex container 内の h2 (PDFボタンと並ぶ見出し行) は margin-bottom を 0 にする
   (margin-bottom が flex line を伸ばし、items-center の中心軸がテキストより下にずれるため) */
.flex > .editorial-h2 {
  margin-bottom: 0;
}

/* 中央寄せ見出し (アーカイブ等) は margin-bottom を削除 */
.editorial-h2.text-center {
  margin-bottom: 0;
}

/* ご挨拶・Top Message h2 と本文間に明確な余白 */
#opening-message-title {
  margin-bottom: 32px !important;
}
/* バナー内のh2は editorial-h2 サイズだが margin リセット */
.appendix-banner__title.editorial-h2 {
  margin-bottom: 0 !important;
  color: #1f2937;
}
/* モバイル: 縦積みレイアウト */
@media (max-width: 640px) {
  .appendix-banner {
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.25rem 1.25rem;
  }
  .appendix-banner__body {
    flex: 1 1 calc(100% - 5rem);
  }
  .appendix-banner__cta {
    flex: 1 1 100%;
    justify-content: center;
  }
}

/* CONTENTS カード内 h2 の下マージンを削除（カード内でゆったり配置するため） */
#toc-title {
  margin-bottom: 0 !important;
}

/* 「各項目を見る」ボタン：上下を詰めて高さを抑える */
.chapter-more-btn {
  line-height: 1.2;
  padding-top: 0;
  padding-bottom: 0;
}

/* ----- マルチカラム（md以上） ----- */
@media (min-width: 768px) {
  .multi-column {
    column-count: 2;
    column-gap: 2.5rem;
    column-rule: 1px solid rgba(0, 0, 0, 0.06);
  }
  .multi-column > * {
    break-inside: avoid-column;
  }
}

/* ----- ソフトカード装飾 ----- */
.card-soft {
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 32px -16px rgba(30, 108, 160, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.card-soft:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -16px rgba(30, 108, 160, 0.28);
}

/* ----- 章コンテンツ内の中見出し（業界の態勢整備／消費者向けの取組み 等） ----- */
/* main section:not(#toc) h3 ルールを上書きするため同等の特異性を確保 */
main section:not(#toc) h3.chapter-subhead {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  padding-left: 0.75rem;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  border-left: 4px solid currentColor;
  background-color: rgba(255, 255, 255, 0.6);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0 4px 4px 0;
}
.chapter-subhead--c1 { color: #1f2937; border-left-color: var(--color-chapter1); }

/* chapter1 中見出し: 白背景と border-left を削除（mock12 ユーザー要望）
   (基底ルールが main section:not(#toc) で specificity 0,2,3 のため、同等の specificity で上書き) */
main section:not(#toc) h3.chapter-subhead--c1 {
  background-color: transparent;
  border-left: none;
  padding-left: 0;
}
/* 2つ目以降の中見出しは上に余白（main section h3 + ul rule を上書き） */
main section:not(#toc) ul + h3.chapter-subhead {
  margin-top: 2rem !important;
}

/* ----- 重点取組み 番号バッジ（serif、薄色） ----- */
.initiative-number {
  display: inline-block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: var(--text-size-l);
  font-weight: 700;
  line-height: 1;
  color: var(--color-accent-strong);
  opacity: 1;
  letter-spacing: -0.02em;
  margin-right: 0.75rem;
  vertical-align: baseline;
}

/* アコーディオン（message-card-toggle）内の h4 はバッジと水平に揃えるため margin リセット */
.message-card-toggle h4 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.3;
}
@keyframes scroll-bounce {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 6px); }
}

/* ----- スクロール時の段階的リビール ----- */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: none;
}

/* ----- prefers-reduced-motion 対応 ----- */
@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .scroll-indicator {
    animation: none;
  }
}

/* ----- TOC背景アイコンのhover拡大（既存 .chapter-card 拡張） ----- */
.chapter-card { transition: transform 0.35s ease, box-shadow 0.35s ease; }
.chapter-card .chapter-card-bg-icon { transition: opacity 0.4s ease, transform 0.4s ease; }
.chapter-card:hover .chapter-card-bg-icon { opacity: 0.22; transform: scale(1.12); }

/* ----- 章セクション ウォーターマーク用の position relative 補助 ----- */
.chapter-section-wrap {
  position: relative;
  overflow: hidden;
}
.chapter-section-wrap > * { position: relative; z-index: 1; }
.chapter-section-wrap > .chapter-watermark { z-index: 0; }

/* ----- 章セクション：明確な枠線ボックス ----- */
.chapter-bordered-box {
  border: 2px solid;
  border-radius: 1rem;
  background-color: var(--color-white);
  padding: 1rem 2.5rem; /* SP/PC共通 40px */
  position: relative;
}
.chapter-bordered-box--c1 { border-color: var(--color-chapter1); }
.chapter-bordered-box--c2 { border-color: var(--color-chapter2); }
.chapter-bordered-box--c3 { border-color: var(--color-chapter3); }
/* Chapter I/II/III はキッカー分の上部余白を追加 */
.chapter-bordered-box--c1,
.chapter-bordered-box--c2,
.chapter-bordered-box--c3,
.chapter-bordered-box--appendix {
  padding-top: 2.5rem;
}
.chapter-bordered-box--appendix { border-color: var(--color-dark-gray); }
.chapter-bordered-box--guideline { border-color: #3170B8; }

/* ----- 印刷時：装飾を非表示 ----- */
@media print {
  .section-kicker::before,
  .section-kicker::after,
  .chapter-watermark,
  .decorative-blob,
  .scroll-indicator,
  .section-divider-wave,
  .section-divider-curve {
    display: none !important;
  }
  .card-soft {
    box-shadow: none;
    border: 1px solid #ccc;
    background: #fff;
  }
  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ----- SP: 見出し下にボタン配置 ----- */
@media (max-width: 767px) {
  .section-title-row > h2 {
    width: 100%;
    flex: 0 0 100%;
    min-width: 0;
  }
  .section-title-row > .btn-chapter-pdf,
  .section-title-row > .btn-web-read,
  .section-title-row > button.btn-web-read,
  .section-title-row > a.btn-chapter-pdf {
    margin-left: 0 !important;
  }

  /* SP: message-card の「詳細を読む」を見出しの下に移動 */
  .message-card-toggle {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .message-card-toggle .message-card-toggle-label {
    /* w-9(2.25rem) + gap-3(0.75rem) = 3rem で見出しに揃える */
    margin-left: 3rem;
    margin-top: 6px;
    margin-bottom: 2px;
  }
}

/* ----- SP: ボタンフォントサイズ縮小（base ルール後に配置して確実に上書き） ----- */
@media (max-width: 767.98px) {
  .btn-chapter-pdf,
  .btn-web-read { font-size: 16px !important; }     /* 18px → 16px */
}

/* ----- 375px〜430px: ボタンを横並びにするためのサイズ調整 ----- */
@media (max-width: 430px) {
  .btn-chapter-pdf,
  .btn-web-read {
    font-size: 13px !important;
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

/* ----- h2左余白40px: card-soft セクションを chapter-bordered-box に合わせる ----- */
#greeting,
#top-message {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#key-initiatives .card-soft {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}