/*
  shoken_segment.css — ライフステージ・セグメント濃度 バッジ（商圏 増分・ステージ v0.1）
  作成: スパイダー S / 2026-06-16 / 企画§5（ピラミッド真隣の3バッジ）
  ★ステージ（live shoken.html 未読込）。ブランド色＝青系（商圏=CF情報プロダクト・緑は使わない）。
*/
.shk-seg { margin: 14px 0 4px; }
.shk-seg-hd { font-size: 13px; font-weight: 600; color: #1f5fa8; margin-bottom: 8px; }
.shk-seg-row { display: flex; flex-wrap: wrap; gap: 10px; }
.shk-seg-badge {
  flex: 1 1 150px; display: flex; align-items: center; gap: 9px;
  background: #f3f7fc; border: 1px solid #dbe6f2; border-radius: 10px; padding: 10px 12px;
}
.shk-seg-ico { font-size: 22px; line-height: 1; }
.shk-seg-b { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.shk-seg-t { font-size: 11px; color: #5f6b7a; }
.shk-seg-v { font-size: 19px; font-weight: 700; color: #14233a; }
.shk-seg-rel {
  font-size: 11px; font-weight: 600; color: #1f5fa8;
  background: #e3edf8; border-radius: 4px; padding: 0 6px; width: fit-content; margin-top: 2px;
}
.shk-seg-ref { font-size: 10.5px; color: #8a93a0; margin-top: 1px; }
.shk-seg-note { font-size: 10.5px; color: #8a93a0; margin: 8px 0 0; }

@media (max-width: 560px) { .shk-seg-badge { flex-basis: 100%; } }