/* =========================================================
   START-TRUST 追加オーバーライド（壊さない最小上書き）
   - 証拠バー（等分・仕切り・レスポンシブ）
   - 証拠バー前テキストの整形（flex誤適用の解消）
   - H1下アクセントラインの中央寄せ
   - 3問診断の送信ボタン：中央&幅の最適化（既存HTMLのままでも効く）
   - #sec-why ペアの2番目崩れ防止（min-width/折返し/グリッド安定化）
   ========================================================= */

/* ---------- 証拠バー前の導入テキスト ---------- */
/* 以前の flex 指定を完全に無効化して、1行ブロックで表示 */
.st-proofintro{
  display:block !important;
  color:#475569;
  font-size:.95rem;
}
@media (max-width:576px){
  .st-proofintro{ font-size:.9rem; line-height:1.6; padding:0 .25rem; }
}

/* 証拠バーをできるだけ近づける（余白は .st-proofbar--snug を付けたときだけ） */
.st-proofbar--snug{ margin-top:.25rem; }

/* ---------- 証拠バー（3等分＋縦の点線） ---------- */
.st-proofbar{
  display:grid;
  grid-template-columns:repeat(3,1fr); /* 完全等分 */
  align-items:center;
  gap:0;                /* 仕切りで整えるので gap は 0 */
  padding:12px 16px;
  border-radius:14px;
}
.st-proofbar--soft{  background:#F7FBFF; border:1px solid #E6EEF9; }
.st-proofbar--plain{ background:transparent; border:0; padding-left:0; padding-right:0; }

/* 各アイテムの基本 */
.st-proofbar__item{
  min-width:0;
  display:flex;
  align-items:center;
  padding:14px 18px;
}
/* 中央・右に縦の点線（PC） */
.st-proofbar--divided .st-proofbar__item + .st-proofbar__item{
  border-left:1px dashed #E4EAF3;
}

/* 左：Elfsight（中央寄せ・幅を揃える） */
.st-proofbar__reviews{ justify-content:center; }
.st-proofbar__spotlight::before{ content:none !important; } /* 青グラデ完全OFF */
.st-proofbar__reviews [class^="elfsight-app-"],
.st-proofbar__reviews [class*=" elfsight-app-"]{
  max-width:280px; min-width:220px; margin:0 auto;
}

/* 右2項目の見栄え（アイコン＋タイトル＋本文） */
.st-mini{ display:flex; align-items:flex-start; gap:12px; }
.st-mini svg{ flex:0 0 18px; margin-top:2px; color:#2563EB; }
.st-mini__title{ margin:0 0 .2rem; font-weight:700; letter-spacing:.02em; font-size:1rem; }
.st-mini__body{  margin:0; color:#475569; line-height:1.75; font-size:.95rem; }

/* タブレット以下は縦積み、点線は横線に変換 */
@media (max-width:992px){
  .st-proofbar{ grid-template-columns:1fr; gap:10px; }
  .st-proofbar--divided .st-proofbar__item + .st-proofbar__item{
    border-left:0; border-top:1px dashed #E4EAF3;
  }
}

/* ---------- H1下アクセントラインを中央寄せ ---------- */
.st-accent.text-center::before{
  margin-left:auto;
  margin-right:auto;
}

/* ---------- 3問診断：送信ボタンを中央＆幅最適化（HTML変更なしでもOK） ---------- */
/* 下段 row の“最後の col”を必ず1行占有させ、中央にボタン領域を作る */
#sec-guide .st-quiz-row.bottom > .col-12:last-child{
  flex:0 0 100%;
  display:flex;
  justify-content:center;
}
/* その直下のラッパ（有れば）とボタン幅を制御 */
#sec-guide .st-quiz-row.bottom > .col-12:last-child > .st-submit-wrap{
  flex:0 0 auto;
  width:clamp(220px, 28vw, 360px);
  padding:0 !important; /* 既存 .col-* が付いていても余白を消す */
}
#sec-guide .st-quiz-row.bottom > .col-12:last-child > .st-submit-wrap .btn{
  width:100%;
  height:44px;
  border-radius:10px;
  font-weight:700;
}
/* ラッパを入れていない場合でも “最後の子要素”をボタン領域として扱うフォールバック */
#sec-guide .st-quiz-row.bottom > .col-12:last-child > *:only-child{
  flex:0 0 clamp(220px, 28vw, 360px);
}

/* ---------- #sec-why 2番目のペア崩れ対策（グリッド安定化） ---------- */
#sec-why .why-pairs{ display:grid; row-gap:clamp(18px, 2.2vw, 28px); }
#sec-why .why-pair{
  display:grid;
  grid-auto-flow:dense;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); /* 左文＋右図 */
  grid-template-areas:"copy media";
  gap:clamp(14px, 2vw, 22px);
  align-items:start;
}
#sec-why .why-pair:nth-child(even){
  grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr); /* 右図＋左文 */
  grid-template-areas:"media copy";
}
/* 子要素のオーバーフローで列が押し広げられないように */
#sec-why .why-copy, #sec-why .why-figure{ min-width:0; }
#sec-why .why-copy p, #sec-why .why-figure figcaption{ overflow-wrap:anywhere; word-break:break-word; }
#sec-why .why-figure img{ display:block; width:100%; height:auto; }

/* SP では縦積み（既存指定の上書き安定版） */
@media (max-width:992px){
  #sec-why .why-pair{
    grid-template-columns:1fr !important;
    grid-template-areas:"copy" "media" !important;
  }
}
/* ===== Quick Ask Overlay（メール/LINE前の任意ミニ質問） ===== */
.st-qa-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1080;display:none;}
.st-qa{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1090;}
.st-qa.is-open,.st-qa-backdrop.is-open{display:flex;}
.st-qa-card{background:#fff;width:min(92vw,560px);border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 20px 50px rgba(0,0,0,.25);}
.st-qa-head{padding:14px 16px;border-bottom:1px solid #eef2f7;font-weight:700;}
.st-qa-body{padding:14px 16px;}
.st-qa-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #eef2f7;}
.st-qa-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.st-qa-chip{border:1px solid #cbd5e1;border-radius:9999px;padding:.45rem .8rem;background:#fff;cursor:pointer;user-select:none;}
.st-qa-chip.is-on{background:#0d6efd;color:#fff;border-color:#0d6efd;}
.st-qa-sub{color:#64748b;font-size:.92rem;margin:.25rem 0 0;}
.st-qa-title{margin:0;font-size:1.05rem;}
.st-qa-note{color:#64748b;font-size:.92rem;margin:.25rem 0 0;}
.st-qa-actions .btn{border-radius:10px;font-weight:700;}