/* リッチ版テーマ（daisuke 2026-10-02 採用・全ページ共通）: 11枚目「みほ エバー改修｜改修前後の比較」の作りを全ページ共通にする
   白いカード＋やわらかい影・角丸・数字は大きく等幅・差分はバッジ・色の帯（上端／左端）は出さない */
:root {
  --rc-card: #fff;
  --rc-line: #E3E9F1;
  --rc-shadow: 0 0.25cqw 0.9cqw rgba(27, 42, 94, 0.07);
  --rc-radius: 0.7cqw;
  --rc-navy: #1B2A5E;
  --rc-tint: #F4F7FB;
  --rc-pos: #2f6b35;
  --rc-neg: #b03a2e;
}

/* KPI タイル */
.bz-kpi { background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; padding: 1.1cqw 1.3cqw !important; }
.bz-kpi .k-label { color: var(--c-muted) !important; }
.bz-kpi .k-val { font-size: 2.3cqw !important; font-weight: 800 !important; color: var(--rc-navy) !important; }
.bz-kpi.hero { background: linear-gradient(135deg, #1B2A5E, #24408f) !important; border-color: transparent !important; }
.bz-kpi.hero .k-label { color: #9CC8F5 !important; }
.bz-kpi.hero .k-val { color: #fff !important; }
.bz-kpi.good .k-val { color: var(--rc-pos) !important; }
.bz-kpi.bad .k-val { color: var(--rc-neg) !important; }

/* コメント: 左の帯をやめて白いカードに（見出しは小さな太字） */
.bz-comment { background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-left: 1px solid var(--rc-line) !important; border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; padding: 1cqw 1.8cqw !important; }
.bz-comment .c-tag { display: inline-block; background: var(--rc-tint); color: var(--rc-navy) !important; border-radius: 999px; padding: 0.15cqw 0.9cqw; font-size: 0.95cqw !important; margin-bottom: 0.45cqw !important; }
.bz-comment .c-list li { color: var(--rc-navy) !important; }

/* 表: 角丸＋影、見出しはグラデーション、行はうすい縞、差分はバッジ */
.o-table { border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; border: 1px solid var(--rc-line); }
.o-table thead th { background: linear-gradient(180deg, #22346f, #1B2A5E) !important; }
.o-table tbody tr:not([class]):nth-child(even) td:not([style*="background"]) { background: #F8FAFD; }
.o-table tbody tr:not([class]):nth-child(odd) td:not([style*="background"]) { background: #fff; }
.o-table span.delta-up, .o-table span.delta-down, .o-table span.pos, .o-table span.neg, .o-table b.pos, .o-table b.neg { display: inline-block; padding: 0.05cqw 0.6cqw; border-radius: 999px; font-family: var(--font-mono); font-weight: 700; }
.o-table .delta-up, .o-table .pos { color: var(--rc-pos) !important; }
.o-table .delta-down, .o-table .neg { color: var(--rc-neg) !important; }
.o-table span.delta-up, .o-table span.pos, .o-table b.pos { background: #2f6b3517; }
.o-table span.delta-down, .o-table span.neg, .o-table b.neg { background: #b03a2e14; }

/* 左右比較（Lステップ／ハーネス 等） */
.ba-col { background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; }

/* 情報カード・画像 */
.prep-copy { border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; border-color: var(--rc-line) !important; }
.bz-shot { border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; border-color: var(--rc-line) !important; }
.bz-shot img { border-radius: 0.4cqw; }

/* ファネルの段 */
.bz-fstage { background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; }
.bz-fstage .f-num { font-weight: 800 !important; }
.bz-fstage.last { background: linear-gradient(135deg, #1B2A5E, #24408f) !important; border-color: transparent !important; }

/* 右下のリンクはボタン風に */
.bz-link { border-radius: 999px !important; box-shadow: var(--rc-shadow); background: #fff; }
.o-table thead th, .o-table thead th * { color: #fff !important; }
.o-table thead th .sub, .o-table thead th small { opacity: 0.8; }
.bz-comment .c-list { gap: 0.3cqw !important; }
/* 進捗カード（勉強会の売上報告など） */
.bz-progress { background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: var(--rc-radius) !important; box-shadow: var(--rc-shadow) !important; }
.bz-progress .p-label { color: var(--c-muted) !important; }
/* 公式LINE｜今月解約したアカウント（daisuke 2026-10-02） */
.o-table.cancel-tbl th, .o-table.cancel-tbl td { padding: 0.12cqw 1cqw !important; font-size: 0.95cqw !important; line-height: 1.45 !important; }
.o-table.cancel-tbl .pill-ok, .o-table.cancel-tbl .pill-wip { font-size: 0.9cqw; padding: 0 0.7cqw; }
.cancel-policy { background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: var(--rc-radius); box-shadow: var(--rc-shadow); padding: 0.8cqw 1.6cqw; font-size: 1.35cqw; font-weight: 700; color: var(--rc-navy); display: flex; align-items: center; gap: 1.2cqw; }
.cancel-policy .cp-tag { flex: none; background: linear-gradient(135deg, #1B2A5E, #24408f); color: #fff; border-radius: 999px; padding: 0.25cqw 1.1cqw; font-size: 1cqw; }
.cancel-policy b { color: #d0342c; }
.slide[data-section="cancel-accounts"] .slide-content { gap: 1cqw; }
.slide[data-section="cancel-accounts"] .bz-kpi { padding: 0.8cqw 1.2cqw !important; }
.slide[data-section="cancel-accounts"] .bz-kpi .k-val { font-size: 2cqw !important; }
/* LINEハーネス｜移行予定（順番・daisuke 2026-10-02） */
.hs-lead { font-size: 1.8cqw; font-weight: 700; color: var(--rc-navy); }
.hs-lead b { color: #d0342c; }
.hs-row { display: flex; align-items: center; justify-content: space-between; gap: 0.6cqw; margin-top: 1.4cqw; }
.hs-card { flex: 1; background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: var(--rc-radius); box-shadow: var(--rc-shadow); padding: 1.6cqw 0.8cqw 1.4cqw; display: flex; flex-direction: column; align-items: center; gap: 0.7cqw; position: relative; }
.hs-card.live { background: linear-gradient(160deg, #ffffff, #EEF6EF); border-color: #2f6b3533; }
.hs-no { position: absolute; top: 0.7cqw; left: 0.8cqw; width: 2cqw; height: 2cqw; border-radius: 50%; background: linear-gradient(135deg, #1B2A5E, #24408f); color: #fff; font-family: var(--font-mono); font-weight: 800; font-size: 1.1cqw; display: flex; align-items: center; justify-content: center; }
.hs-av { width: 7.5cqw; height: 7.5cqw; border-radius: 50%; object-fit: cover; border: 0.25cqw solid #fff; box-shadow: 0 0.2cqw 0.8cqw rgba(27,42,94,0.15); }
.hs-name { font-size: 1.7cqw; font-weight: 800; color: var(--rc-navy); }
.hs-arrow { font-size: 2.6cqw; color: #9AA8C2; flex: none; }
.hs-card .pill-ok, .hs-card .pill-plan { display: inline-block; border-radius: 999px; font-size: 1cqw; font-weight: 700; padding: 0.15cqw 0.9cqw; }
.hs-card .pill-ok { background: #2f6b3517; color: #2f6b35; }
.hs-card .pill-plan { background: #EEF1F6; color: #5B6B88; }