/* ================================================================== */
/* kaname_member.css — Kaname メンバー領域「上質ポップ」統一層       */
/*   2026-06-25 / AD・Opus                                              */
/*                                                                     */
/*   目的: メンバーのホーム／プログラム（12ヶ月・月・週）／レター／      */
/*         ツール／考え方シリーズ／club_welcome／kit_done の            */
/*         「メンバー固有レイアウト・カード・見出し」を、確立済みの      */
/*         上質ポップ言語（白地＋青/コーラル/イエロー/ミント/ピンク・     */
/*         極太丸見出し・チャンキー角丸カード・色付き影・控えめ絵文字）   */
/*         で楽しく統一する。                                            */
/*                                                                     */
/*   方針:                                                              */
/*     ・本文マクロ（.ktl-* セクション）と kaname_learn.css は触らない。 */
/*     ・kaname_pop.css の変数/部品の“上に”重ねるだけ。無干渉・追加のみ。*/
/*     ・色は絞って調和（青=構造/信頼・コーラル=温/楽・黄=灯/お祝い・      */
/*       ミント=整う/成功・ピンク=楽しさ）。彩度は上げるが安っぽくしない。 */
/*     ・絵文字/ステッカーは要所のみ（::before で少量）。乱用しない。      */
/*     ・文言・数値・コンテンツ・JS参照・i18nは不変。見せ方のみ。          */
/*   すべて .kt-pop スコープ内。Michi/他ルートには無干渉。                */
/* ================================================================== */

/* ------------------------------------------------------------------ */
/* 0) メンバー領域の地・余白の微調整（賑わいの土台をやわらかく）        */
/* ------------------------------------------------------------------ */
.kt-pop .kt-result-kicker {
  /* メンバー各ページのキッカーを、ステッカー風の小バッジに統一（テラコッタ＝青と分離） */
  display: inline-block;
  background: var(--kt-kicker-bg);
  color: var(--kt-kicker);
  border-radius: 999px;
  padding: 6px 15px;
  font-weight: 800;
  letter-spacing: .08em;
  box-shadow: 0 4px 12px rgba(166,75,53,.16);
  transform: rotate(-1.5deg);
}

/* メンバーのメインの大見出しを極太・丸ゴシックで（kt-type は本文系で序列維持） */
.kt-pop .kt-type,
.kt-pop .ktl-lesson-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* ================================================================== */
/* 0.5) 今日の一歩（主役）＝ メンバーホーム最上部の1アクション。         */
/*      迷いを消すため、CTAは1つだけ。大きく・温かく・はみ出さない。      */
/* ================================================================== */
.kt-pop .kt-step {
  margin: 20px 0 24px;
  padding: 24px 20px 22px;
  text-align: center;
  border: 2px solid var(--ktp-coral);
  border-radius: 28px;
  background: linear-gradient(170deg, var(--ktp-coral-bg), #FFFFFF 74%);
  box-shadow: 0 16px 38px rgba(255,122,89,.16);
}
.kt-pop .kt-step-kicker {
  display: inline-block;
  margin: 0 0 12px;
  background: var(--ktp-coral);
  color: #FFFDF9;
  border-radius: 999px;
  padding: 6px 16px;
  font-family: var(--kt-display);
  font-weight: 800;
  letter-spacing: .05em;
  font-size: 12.5px;
  box-shadow: 0 4px 12px rgba(255,122,89,.34);
  transform: rotate(-1.4deg);
}
.kt-pop .kt-step-h {
  margin: 0 0 6px;
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 26px;
  line-height: 1.28;
  color: var(--ktp-ink);
  word-break: keep-all;
  overflow-wrap: break-word;
}
.kt-pop .kt-step-sub {
  margin: 0 0 8px;
  color: var(--ktp-coral-d);
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 14px;
}
.kt-pop .kt-step-body {
  margin: 0 auto 16px;
  max-width: 30em;
  color: var(--ktp-ink-soft);
  font-weight: 600;
  line-height: 1.7;
  font-size: 13.5px;
}
.kt-pop .kt-step-cta {
  display: inline-block;
  font-size: 16px;
  padding: 14px 30px;
}
.kt-pop .kt-step-note { margin-top: 12px; }

@media (max-width: 380px) {
  .kt-pop .kt-step-h { font-size: 23px; }
  .kt-pop .kt-step { padding: 22px 16px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .kt-pop .kt-step-kicker { transform: none !important; }
}

/* ================================================================== */
/* 0.7) 背骨3セクション（学ぶ／ツール／続ける）＝ kt-ia。                */
/*      各セクション：見出し＋主要のみ。残りは <details>「もっと見る」へ。 */
/*      選択肢を減らし、迷いを消す。390px縦積み・横はみ出し0。            */
/* ================================================================== */
.kt-pop .kt-ia {
  margin: 0 0 22px;
  padding: 20px 16px 18px;
  border: 2px solid var(--kt-line);
  border-radius: 26px;
  background: #FFFFFF;
  box-shadow: 0 10px 26px rgba(43,108,246,.07);
}
.kt-pop .kt-ia-kicker {
  display: inline-block;
  margin: 0 0 6px;
  background: var(--ktp-indigo);
  color: #FFFFFF;
  border-radius: 999px;
  padding: 6px 15px;
  font-family: var(--kt-display);
  font-weight: 800;
  letter-spacing: .05em;
  font-size: 12.5px;
  box-shadow: 0 4px 12px rgba(43,108,246,.30);
  transform: rotate(-1.4deg);
}
.kt-pop .kt-ia-h {
  margin: 0 0 14px;
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 20px;
  line-height: 1.3;
  color: var(--ktp-ink);
  word-break: keep-all;
  overflow-wrap: break-word;
}
/* セクションごとの差し色（学ぶ=青・ツール=ミント・続ける=コーラル） */
.kt-pop .kt-ia--tool .kt-ia-kicker { background: var(--ktp-mint); color: #04332C; box-shadow: 0 4px 12px rgba(24,199,174,.30); }
.kt-pop .kt-ia--keep .kt-ia-kicker { background: var(--ktp-coral); color: #FFFDF9; box-shadow: 0 4px 12px rgba(255,122,89,.34); }

/* セクション内の主要カードはホーム上で余白を詰める（重複マージン回避） */
.kt-pop .kt-ia > .kt-card { margin: 0 0 12px; }

/* ツール＝主要2つを横並びタイル（390px=2カラム） */
.kt-pop .kt-ia-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 4px;
}
.kt-pop .kt-ia-tile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 16px 14px;
  border: 2px solid var(--kt-line);
  border-radius: 22px;
  background: #FFFFFF;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 8px 22px rgba(43,108,246,.08);
  transition: transform .22s var(--ktp-bounce-s), box-shadow .26s var(--ktp-ease);
}
.kt-pop .kt-ia-tile:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(43,108,246,.16); }
.kt-pop .kt-ia-tile-emoji { font-size: 24px; line-height: 1; margin-bottom: 4px; }
.kt-pop .kt-ia-tile-title {
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 15px;
  line-height: 1.35;
  color: var(--ktp-ink);
  word-break: keep-all;
  overflow-wrap: break-word;
}
.kt-pop .kt-ia-tile-sub {
  color: var(--ktp-ink-soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

/* 「もっと見る」＝ <details>（CSS-onlyの開閉・新規JSなし） */
.kt-pop .kt-ia-more { margin-top: 12px; }
.kt-pop .kt-ia-more-sum {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 auto;
  padding: 9px 18px;
  border: 2px solid var(--ktp-indigo);
  border-radius: 999px;
  background: var(--ktp-indigo-bg);
  color: var(--ktp-indigo);
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 13px;
  width: fit-content;
  transition: background .2s var(--ktp-ease);
}
.kt-pop .kt-ia--tool .kt-ia-more-sum { border-color: var(--ktp-mint); background: var(--ktp-mint-bg); color: var(--ktp-mint-d); }
.kt-pop .kt-ia--keep .kt-ia-more-sum { border-color: var(--ktp-coral); background: var(--ktp-coral-bg); color: var(--ktp-coral-d); }
.kt-pop .kt-ia-more-sum::-webkit-details-marker { display: none; }
/* 開閉矢印（▾/▴）は撤去（2026-07-24 オーナー決裁「矢印なし・折りたたみ廃止」）。
   このクラスは現在テンプレ未使用だが、::after で矢印を復活させないよう空にしておく。 */
.kt-pop .kt-ia-more-sum:hover { filter: brightness(.98); }
.kt-pop .kt-ia-more-body {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 畳まれた中の各リンク＝コンパクトな1行（絵文字＋題＋補足＋→） */
.kt-pop .kt-ia-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 2px solid var(--kt-line);
  border-radius: 18px;
  background: #FFFFFF;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 6px 16px rgba(43,108,246,.06);
  transition: transform .2s var(--ktp-ease), box-shadow .24s var(--ktp-ease);
}
.kt-pop .kt-ia-row:hover { transform: translateX(3px); box-shadow: 0 10px 22px rgba(43,108,246,.12); }
.kt-pop .kt-ia-row-emoji { flex: 0 0 auto; font-size: 22px; line-height: 1; }
.kt-pop .kt-ia-row-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kt-pop .kt-ia-row-title {
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 14px;
  color: var(--ktp-ink);
  line-height: 1.4;
}
.kt-pop .kt-ia-row-sub {
  color: var(--ktp-ink-soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: break-word;
}
.kt-pop .kt-ia-row-go {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--ktp-indigo);
  color: #FFFFFF;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(43,108,246,.24);
}
.kt-pop .kt-ia-row:hover .kt-ia-row-go { background: var(--ktp-coral); box-shadow: 0 4px 12px rgba(255,122,89,.30); }

/* 進捗ブロック（連続日数・気づきアルバム）を「続ける」内に内包 */
.kt-pop .kt-ia-progress { margin-top: 2px; }
.kt-pop .kt-ia-progress .kt-card-kicker { display: inline-block; }

@media (max-width: 380px) {
  .kt-pop .kt-ia { padding: 18px 14px 16px; }
  .kt-pop .kt-ia-h { font-size: 18.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .kt-pop .kt-ia-kicker { transform: none !important; }
}

/* ================================================================== */
/* 1) メンバーホーム（kaname_member.html）                            */
/*    今日の問い／今週のレター／プログラム／ワーク／進捗／ふりかえり      */
/* ================================================================== */

/* 章・庭の状態（物語の現在地）を、ふんわりピル帯に */
.kt-pop .kt-journey-chapter {
  display: block;
  margin: 14px auto 4px;
  max-width: 560px;
  padding: 9px 18px;
  background: linear-gradient(135deg, var(--ktp-sun-bg), var(--ktp-peach-bg));
  border: 2px solid #FFE6B0;
  border-radius: 999px;
  color: var(--ktp-ink);
  font-weight: 700;
}
.kt-pop .kt-journey-chapter strong {
  font-family: var(--kt-display);
  color: var(--ktp-coral-d);
  font-weight: 800;
}
.kt-pop .kt-journey-chapter::before {
  content: "\1F33F";          /* 🌿 */
  margin-right: 6px;
}
.kt-pop .kt-journey-garden {
  color: var(--ktp-mint-d);
  font-weight: 700;
}

/* 「今日の小さな問い」カード＝コーラルの温かいアクセント＋☀/🌙ラベル */
.kt-pop .kt-card--accent .kt-card-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
}
/* 朝/夜の小ラベル（kicker）に時刻の絵文字を添える（要所のみ） */
.kt-pop .kt-card .kt-card-kicker { background: var(--ktp-coral); color: #FFFDF9; box-shadow: 0 4px 12px rgba(255,122,89,.34); }

/* 今週の足るレター・考え方カードのタイトルも丸見出しで */
.kt-pop .kt-card--soft {
  border-color: #BFEFE6;
  background: linear-gradient(180deg, var(--ktp-mint-bg), #FFFFFF 70%);
}
.kt-pop .kt-card--soft .kt-card-kicker { background: var(--ktp-mint); color: #04332C; box-shadow: 0 4px 12px rgba(24,199,174,.30); }
.kt-pop .kt-card--soft .kt-card-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
}

/* 12ヶ月プログラムの「続ける器」バンドを、青地のチャンキーカードに */
.kt-pop .kt-hub-club {
  border: 2px solid #BBD2FF;
  border-radius: 26px;
  background: linear-gradient(165deg, var(--ktp-indigo-bg), #FFFFFF 78%);
  box-shadow: 0 14px 34px rgba(43,108,246,.14);
}
.kt-pop .kt-hub-club-kicker {
  display: inline-block;
  background: var(--ktp-indigo);
  color: #FFFFFF;
  border-radius: 999px;
  padding: 6px 15px;
  font-weight: 800;
  letter-spacing: .06em;
  box-shadow: 0 4px 12px rgba(43,108,246,.30);
  transform: rotate(-1.5deg);
}
.kt-pop .kt-hub-club-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
}
.kt-pop .kt-hub-club-title::before {
  content: "\1F4D6";          /* 📖 */
  margin-right: 7px;
}

/* ワークブック／進捗のカードリスト（kt-club-value）をカラフルに巡回配色 */
.kt-pop .kt-club-value {
  border: 2px solid var(--kt-line);
  border-radius: 22px;
  background: #FFFFFF;
  box-shadow: 0 8px 22px rgba(43,108,246,.08);
  transition: transform .22s var(--ktp-bounce-s), box-shadow .26s var(--ktp-ease);
}
.kt-pop .kt-club-value:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(43,108,246,.16); }
.kt-pop .kt-club-value-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
}
/* 4色を巡回（左に色帯）。読みやすさのため面は白のまま帯で差し色。 */
.kt-pop .kt-club-value-list { gap: 12px; }
.kt-pop .kt-club-value-list > .kt-club-value {
  position: relative;
  overflow: hidden;
  padding-left: 20px;
}
.kt-pop .kt-club-value-list > .kt-club-value::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 7px;
  border-radius: 0 6px 6px 0;
  background: var(--ktp-indigo);
}
.kt-pop .kt-club-value-list > .kt-club-value:nth-child(4n+2)::before { background: var(--ktp-coral); }
.kt-pop .kt-club-value-list > .kt-club-value:nth-child(4n+3)::before { background: var(--ktp-mint); }
.kt-pop .kt-club-value-list > .kt-club-value:nth-child(4n+4)::before { background: var(--ktp-pink); }

/* 進捗（連続日数・気づきアルバム）の見出しに小さな灯／📔 */
.kt-pop .kt-club-values .kt-card-kicker::before { content: "\2728\00A0"; }  /* ✨ */

/* 月次ふりかえりカードのタイトルに🔁を一つ */
.kt-pop .kt-card--accent .kt-card-title::first-letter { /* 安全な no-op 保険 */ }

/* ================================================================== */
/* 2) 12ヶ月プログラム一覧（kaname_member_program.html）               */
/*    .ktl-pillar は pop.css で角丸/hover済み。月番号ドットを色巡回に。   */
/* ================================================================== */

/* 物語プロローグの枠を、やさしいイエロー帯のチャンキーカードに */
.kt-pop .kt-journey-prologue {
  border: 2px dashed #FFD98A;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--ktp-sun-bg), #FFFFFF 80%);
  padding: 22px 22px 20px;
}
.kt-pop .kt-journey-prologue-k {
  display: inline-block;
  background: var(--ktp-sun);
  color: #5A3D00;
  border-radius: 999px;
  padding: 5px 13px;
  font-weight: 800;
  letter-spacing: .06em;
  box-shadow: 0 4px 12px rgba(255,197,61,.36);
}
.kt-pop .kt-journey-prologue-k::before { content: "\1F4DC\00A0"; }   /* 📜 */
.kt-pop .kt-journey-prologue-b { color: var(--ktp-ink); }
.kt-pop .kt-journey-core {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-indigo);
}

/* 月カードの番号ドットを大きく・色巡回・白フチで“貼った”感 */
.kt-pop .ktl-pillar-dot {
  box-shadow: 0 0 0 3px #FFFFFF, 0 6px 16px rgba(43,108,246,.28);
}
.kt-pop .ktl-pillars > .ktl-pillar:nth-child(5n+1) .ktl-pillar-dot { background: var(--ktp-indigo); color:#fff; }
.kt-pop .ktl-pillars > .ktl-pillar:nth-child(5n+2) .ktl-pillar-dot { background: var(--ktp-coral); color:#fff; }
.kt-pop .ktl-pillars > .ktl-pillar:nth-child(5n+3) .ktl-pillar-dot { background: var(--ktp-mint); color:#04332C; }
.kt-pop .ktl-pillars > .ktl-pillar:nth-child(5n+4) .ktl-pillar-dot { background: var(--ktp-sun); color:#5A3D00; }
.kt-pop .ktl-pillars > .ktl-pillar:nth-child(5n+5) .ktl-pillar-dot { background: var(--ktp-pink); color:#fff; }

/* 月カードのテーマ見出しを丸見出しで・「○週」のメタをミントのピルに */
.kt-pop .ktl-pillar-title { font-family: var(--kt-display); font-weight: 800; color: var(--ktp-ink); }
.kt-pop .ktl-pillar-no { color: var(--ktp-indigo); font-weight: 800; }
.kt-pop .ktl-pillar-count {
  display: inline-block;
  background: var(--ktp-mint-bg);
  color: var(--ktp-mint-d);
  border-radius: 999px;
  padding: 3px 11px;
  font-weight: 800;
  font-size: 12px;
}
.kt-pop .ktl-pillar-count::before { content: "\1F4C5\00A0"; }   /* 📅 */

/* ================================================================== */
/* 3) 月の詳細（kaname_member_month.html）— 週ブロックを色分け        */
/* ================================================================== */

/* レッスン上部バー（戻る・パンくず）をピル化 */
.kt-pop .ktl-lessonbar { align-items: center; }
.kt-pop .ktl-back {
  display: inline-block;
  background: #FFFFFF;
  border: 2px solid var(--ktp-coral);
  color: var(--ktp-coral-d);
  border-radius: 999px;
  padding: 6px 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s var(--ktp-ease), background .2s var(--ktp-ease);
}
.kt-pop .ktl-back:hover { transform: translateX(-3px); background: var(--ktp-coral-bg); }
.kt-pop .ktl-crumb {
  background: var(--ktp-indigo-bg);
  color: var(--ktp-indigo);
  border-radius: 999px;
  padding: 5px 13px;
  font-weight: 800;
  font-size: 12.5px;
}

/* 物語ナレーション（journey-story）をやわらかい吹き出し風帯に */
.kt-pop .kt-journey-story {
  background: var(--ktp-peach-bg);
  border-left: 5px solid var(--ktp-coral);
  border-radius: 6px 18px 18px 6px;
  padding: 14px 18px;
  color: var(--ktp-ink);
}

/* 週ブロック＝色帯の付いたチャンキーカード（4色巡回）。読みやすさ維持。 */
.kt-pop .kt-week {
  border-top: none;
  border: 2px solid var(--kt-line);
  border-radius: 24px;
  background: #FFFFFF;
  padding: 22px 20px 18px;
  margin-top: 18px;
  position: relative;
  box-shadow: 0 8px 24px rgba(43,108,246,.07);
}
.kt-pop .kt-week::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 8px;
  border-radius: 24px 24px 0 0;
  background: var(--ktp-indigo);
}
.kt-pop .ktl-lesson .kt-week:nth-of-type(4n+2)::before { background: var(--ktp-coral); }
.kt-pop .ktl-lesson .kt-week:nth-of-type(4n+3)::before { background: var(--ktp-mint); }
.kt-pop .ktl-lesson .kt-week:nth-of-type(4n+4)::before { background: var(--ktp-pink); }
/* 週番号をステッカー風の小ピルに */
.kt-pop .kt-week-no {
  display: inline-block;
  background: var(--ktp-sun);
  color: #5A3D00;
  border-radius: 999px;
  padding: 4px 13px;
  font-weight: 800;
  letter-spacing: .04em;
  margin-bottom: 8px;
  transform: rotate(-1.5deg);
}
.kt-pop .kt-week-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
  font-size: 20px;
}

/* 次の月への案内（journey-next）をミントのふわっと帯に */
.kt-pop .kt-journey-next {
  background: var(--ktp-mint-bg);
  border-radius: 16px;
  padding: 12px 16px;
  color: var(--ktp-mint-d);
  font-weight: 700;
  text-align: center;
}
.kt-pop .kt-journey-next::before { content: "\1F33F\00A0"; }    /* 🌿 */

/* ================================================================== */
/* 4) レター一覧 / 考え方一覧（list は ktl-lesson-row、pop.css 済み）    */
/*    番号バッジを色巡回・タイトル丸見出し・所要分ピル                  */
/* ================================================================== */
.kt-pop .ktl-lesson-no {
  border-radius: 14px;
  font-family: var(--kt-display);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(43,108,246,.18);
}
.kt-pop .ktl-lesson-list > .ktl-lesson-row:nth-child(5n+1) .ktl-lesson-no { background: var(--ktp-indigo-bg); color: var(--ktp-indigo); }
.kt-pop .ktl-lesson-list > .ktl-lesson-row:nth-child(5n+2) .ktl-lesson-no { background: var(--ktp-coral-bg); color: var(--ktp-coral-d); }
.kt-pop .ktl-lesson-list > .ktl-lesson-row:nth-child(5n+3) .ktl-lesson-no { background: var(--ktp-mint-bg); color: var(--ktp-mint-d); }
.kt-pop .ktl-lesson-list > .ktl-lesson-row:nth-child(5n+4) .ktl-lesson-no { background: var(--ktp-sun-bg); color: var(--ktp-sun-d); }
.kt-pop .ktl-lesson-list > .ktl-lesson-row:nth-child(5n+5) .ktl-lesson-no { background: var(--ktp-pink-bg); color: var(--ktp-pink-d); }
.kt-pop .ktl-lesson-title { font-family: var(--kt-display); font-weight: 800; color: var(--ktp-ink); }
.kt-pop .ktl-lesson-min {
  background: var(--ktp-sun-bg);
  color: var(--ktp-sun-d);
  border-radius: 999px;
  padding: 3px 10px;
  font-weight: 800;
  font-size: 11.5px;
}
/* 行末の → をぷにっとした丸チップに */
.kt-pop .ktl-inpillar-go {
  display: inline-grid;
  place-items: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: var(--ktp-indigo);
  color: #FFFFFF;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(43,108,246,.26);
}
.kt-pop .ktl-lesson-row:hover .ktl-inpillar-go { background: var(--ktp-coral); box-shadow: 0 4px 12px rgba(255,122,89,.30); }

/* ================================================================== */
/* 5) ワークブック一覧（kt-lp-peek。pop.css 済み）＝所要分ピルだけ調律   */
/* ================================================================== */
.kt-pop .kt-lp-peek-title { font-family: var(--kt-display); font-weight: 800; color: var(--ktp-ink); }
.kt-pop .kt-lp-peek-min {
  background: var(--ktp-coral-bg);
  color: var(--ktp-coral-d);
  border-radius: 999px;
  padding: 3px 11px;
  font-weight: 800;
  font-size: 11.5px;
}

/* ================================================================== */
/* 6) ワーク詳細（kaname_member_tool.html）— 手順ステップを色分け     */
/* ================================================================== */
.kt-pop .kt-tool-steps { margin: 20px 0; }
.kt-pop .kt-tool-step {
  border-bottom: none;
  border: 2px solid var(--kt-line);
  border-radius: 20px;
  background: #FFFFFF;
  padding: 16px 16px;
  margin-bottom: 12px;
  align-items: flex-start;
  box-shadow: 0 6px 18px rgba(43,108,246,.06);
  transition: transform .2s var(--ktp-ease);
}
.kt-pop .kt-tool-step:hover { transform: translateX(3px); }
.kt-pop .kt-tool-step-no {
  width: 34px; height: 34px;
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 15px;
  box-shadow: 0 0 0 3px #FFFFFF, 0 5px 14px rgba(43,108,246,.26);
}
.kt-pop .kt-tool-steps > .kt-tool-step:nth-child(4n+1) .kt-tool-step-no { background: var(--ktp-indigo); color:#fff; }
.kt-pop .kt-tool-steps > .kt-tool-step:nth-child(4n+2) .kt-tool-step-no { background: var(--ktp-coral); color:#fff; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(255,122,89,.30); }
.kt-pop .kt-tool-steps > .kt-tool-step:nth-child(4n+3) .kt-tool-step-no { background: var(--ktp-mint); color:#04332C; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(24,199,174,.30); }
.kt-pop .kt-tool-steps > .kt-tool-step:nth-child(4n+4) .kt-tool-step-no { background: var(--ktp-pink); color:#fff; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(255,111,181,.30); }
.kt-pop .kt-tool-step-title { font-family: var(--kt-display); font-weight: 800; color: var(--ktp-ink); }

/* ================================================================== */
/* 7) club_welcome — これから届くもの／安心リスト                       */
/* ================================================================== */
.kt-pop .kt-club-reassure {
  border: 2px solid #BFEFE6;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--ktp-mint-bg), #FFFFFF 80%);
  padding: 20px 22px;
}
.kt-pop .kt-club-reassure-h {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-mint-d);
}
.kt-pop .kt-club-reassure-h::before { content: "\1F49A\00A0"; }   /* 💚 */
.kt-pop .kt-club-reassure li .kt-dot { background: var(--ktp-mint); }

/* ================================================================== */
/* 8) kit_done — 使う順番リスト／メンバーシップへの橋バンド              */
/* ================================================================== */
.kt-pop .kt-kit-item {
  border: 2px solid var(--kt-line);
  background: #FFFFFF;
  padding: 16px 18px;
  margin-bottom: 12px;
  position: relative;
  box-shadow: 0 6px 18px rgba(43,108,246,.06);
  counter-increment: ktkit;
}
.kt-pop .kt-kit-list { counter-reset: ktkit; }
.kt-pop .kt-kit-item::before {
  content: counter(ktkit);
  position: absolute;
  top: -12px; left: 16px;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 50%;
  font-family: var(--kt-display);
  font-weight: 800;
  font-size: 14px;
  background: var(--ktp-sun);
  color: #5A3D00;
  box-shadow: 0 0 0 3px #FFFFFF, 0 5px 14px rgba(255,197,61,.36);
  transform: rotate(-5deg);
}
.kt-pop .kt-kit-list > .kt-kit-item:nth-child(3n+1)::before { background: var(--ktp-indigo); color:#fff; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(43,108,246,.30); }
.kt-pop .kt-kit-list > .kt-kit-item:nth-child(3n+2)::before { background: var(--ktp-coral); color:#fff; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(255,122,89,.30); }
.kt-pop .kt-kit-list > .kt-kit-item:nth-child(3n+3)::before { background: var(--ktp-mint); color:#04332C; box-shadow: 0 0 0 3px #FFF, 0 5px 14px rgba(24,199,174,.30); }
.kt-pop .kt-kit-item-title {
  font-family: var(--kt-display);
  font-weight: 800;
  color: var(--ktp-ink);
  margin-top: 4px;
}

/* メンバーシップへの橋バンド（kit_done）を、青の温かいチャンキー枠に */
.kt-pop .kt-club-band--kit {
  border: 2px dashed #BBD2FF;
  border-radius: 26px;
  background: linear-gradient(165deg, var(--ktp-indigo-bg), #FFFFFF 80%);
  padding: 24px 22px;
}
.kt-pop .kt-club-band-title { font-family: var(--kt-display); font-weight: 800; color: var(--ktp-ink); }
.kt-pop .kt-club-band-kicker { color: var(--kt-kicker); font-weight: 800; }
.kt-pop .kt-club-band-title::before { content: "\1F343\00A0"; }   /* 🍃 */

/* ================================================================== */
/* 9) 動きを抑える設定では、傾き等の装飾をフラットに（上質さの保険）     */
/* ================================================================== */
@media (prefers-reduced-motion: reduce) {
  .kt-pop .kt-result-kicker,
  .kt-pop .kt-hub-club-kicker,
  .kt-pop .kt-journey-prologue-k,
  .kt-pop .kt-week-no,
  .kt-pop .kt-kit-item::before { transform: none !important; }
}

/* 2026-07-24 PC複数列化(min-width:1024px)。モバイル不変。担当:A-会員系
   対象: 会員ホーム(/kaname/member)・会員ステータス(/kaname/member/status)・
   今週のレター(/kaname/member/weekly)。3ページとも kaname_member.css を共有するが、
   ここで触るセレクタ（.kt-map-grid / .kt-status .kt-inner / .kt-wk-card-in /
   .kt-wk-related-list / .kt-wk-bridge-list）はいずれもこの3ページにしか存在しない
   （他ページへの副作用なし・確認済み）。色/フォント/角丸/影は不変、段組みのみ追加。 */
@media (min-width: 1024px) {

  /* --- 会員ホーム：サービスマップ(kt-map-grid)。既存2列(1fr 1fr)を3列へ。
     kt-map-grid はテンプレ内のインライン<style>で定義済みのため、同じ1クラス指定
     (詳細度0,1,0)より勝つよう .kt-pop を重ねて詳細度0,2,0にして上書きする。
     子の .kt-map-item は既に min-width:0 済み（テンプレ側で指定）。 */
  .kt-pop .kt-map-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  /* --- 会員ステータス：積み上がる .kt-card 群（いまのプラン／プラン切替／
     お休みモード／記録の持ち出し）を縦積みから2列グリッドへ。
     .kt-inner の直下には見出し・パンくず・フッター等の非カード要素も並ぶため、
     .kt-card 以外は :not() で全幅(1/-1)のまま維持し、カードだけを2列に配置する。 */
  .kt-status .kt-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
  }
  .kt-status .kt-inner > *:not(.kt-card) {
    grid-column: 1 / -1;
  }
  .kt-status .kt-inner > .kt-card {
    min-width: 0;
    margin: 0;
  }

  /* --- 今週のレター：カード内の「今週の問い」「今週の一手」の2ブロックを
     横並びに。見出し・ヒント・関連リンク・連携導線は :not() で全幅のまま。 */
  .kt-wk-card-in {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
  }
  .kt-wk-card-in > *:not(.kt-wk-block) {
    grid-column: 1 / -1;
  }
  /* .kt-wk-block の余白リセットは、weekly.html のインライン<style>（同詳細度・後勝ち）に
     負けないよう親セレクタで詳細度を上げる（gapと既存marginの二重取りを防ぐ）。 */
  .kt-wk-card-in > .kt-wk-block { min-width: 0; margin-top: 0; }

  /* --- 今週のレター：関連リンク／連携導線のリストを縦積みから2列へ。
     テンプレ内のインライン<style>が同じ1クラス指定で display:flex を与えているため
     （詳細度0,1,0・書式順で後勝ちになり単純上書きでは負ける）、.kt-pop を重ねて
     詳細度0,2,0にして確実に上書きする（.kt-map-grid と同じ作法）。 */
  .kt-pop .kt-wk-related-list,
  .kt-pop .kt-wk-bridge-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .kt-wk-related-item, .kt-wk-bridge-item { min-width: 0; }
  .kt-wk-related-item a, .kt-wk-bridge-item a { min-width: 0; }
}