/* ============================================================
   lp_client_v1.css — LP工場 クライアントLP専用スタイル
   lp_v2_sky.css の後に読み込む。スカイ基盤はそのまま流用し、
   ここでは主色（--primary）1色の差し替えと、基盤にない
   実績セクション用のクラスだけを追加する。
   ============================================================ */

:root {
  /* クライアントのロゴ色。生成CLIがここだけ書き換える */
  --primary: #0EA5A4;

  /* スカイ基盤の accent 系はこの1変数から派生させる（それ以外の色は基盤のまま） */
  --accent: var(--primary);
  --accent-dark: var(--primary);
  --accent-light: var(--primary);
}

/* ロゴはグラデーションではなく主色の単色表示にする（1色ルールの徹底） */
.nav-logo {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--primary);
}

/* ===== 実績セクション（stats がある場合のみ生成CLIが出力） ===== */
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
}
.stat-card {
  padding: 32px 24px;
  border-radius: var(--r-lg);
  background: var(--bg-white);
  border: 1px solid rgba(2, 132, 199, .08);
  box-shadow: var(--shadow-card);
  text-align: center;
}
.stat-value {
  font-family: var(--font-num);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 8px;
  line-height: 1.3;
}
.stat-label {
  font-size: 14px;
  color: var(--text-sub);
}

@media (max-width: 640px) {
  .stat-grid { grid-template-columns: 1fr; }
}

/* ===== flow: analyze_for_lpのflowは1行文字列のみのためtitle+body 2段組みを使わない。
   （2026-07-21 監査室承認: v2でヒアリングシートから工程説明文を取得できるようになれば2段組み復帰を検討） */
.flow-step-card { padding: 20px 22px; }
.flow-step-title { margin-bottom: 0; }