/* 戦略の種（/companies/…）の組版。共通の部品（見出し・節・札・記録の行・登場の図・右段・一覧の札）は
   /shared/libpage.css。ここは戦略の種だけの欄。形はモックのトヨタ自動車のページ。 */

.tp .shelfpill.sp-co{background:#F8EAE3;color:#9c452e}
.tp .row .src a{color:var(--teal-mid);overflow-wrap:anywhere}
/* 何を変えるか（色の札）・どこまで来たか（点線の札）。どちらも文からの判定 */
.tp .wch{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:0 8px;margin-left:4px;
  line-height:1.7;white-space:nowrap;background:#F8EAE3;color:#9c452e}
.tp .stc{display:inline-block;font-size:11px;border-radius:999px;padding:0 8px;margin-left:4px;
  line-height:1.6;white-space:nowrap;border:1px dashed var(--teal-mid);color:var(--teal-mid)}
.tp blockquote.q{font-family:var(--serif);font-size:14px;line-height:1.9;margin:4px 0 2px;padding-left:10px;
  border-left:3px solid var(--line);max-width:70ch}

/* 同業と並べる（テーマを列・会社を行）。狭い画面では表の中だけ横に流す */
.tp .tablewrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.tp table.peer{border-collapse:collapse;font-size:12px;min-width:100%}
.tp table.peer th,.tp table.peer td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.tp table.peer thead th{font-size:11px;color:var(--muted);font-weight:700;white-space:normal;min-width:5.5em;vertical-align:bottom}
.tp table.peer tbody th{text-align:left;font-weight:700;position:sticky;left:0;background:var(--paper)}
.tp table.peer tbody th small{display:block;font-weight:400;font-size:10.5px;color:var(--muted)}
.tp table.peer tbody th a{color:var(--teal);text-decoration:none}
.tp table.peer tr.me th,.tp table.peer tr.me td.t,.tp table.peer tr.me td.d,.tp table.peer tr.me td.z{background:#F4F8F9}
.tp table.peer td.n{font-weight:700;color:var(--ink);background:rgba(192,150,47,var(--a))}
.tp table.peer td.t{font-weight:700}
.tp table.peer td.d{color:var(--muted);font-size:11px}

/* 一覧（/companies/） */
.tp .tcard h3{font-size:12.5px;color:var(--teal-mid);margin-bottom:6px}
/* 同業の表の段階の印：1 構想・試行（白抜き）／2 展開（半分）／3 成果（塗り） */
.tp .sm{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:4px;vertical-align:1px;border:1.5px solid var(--teal)}
.tp .sm.s2{background:linear-gradient(90deg,var(--teal) 50%,transparent 50%)}
.tp .sm.s3{background:var(--teal)}
.tp .marks{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted);margin-top:6px}

/* 報道の要点の時期・数字（本文から） */
.tp .row .mdet{font-size:12px;color:var(--ink);margin-top:3px}

/* 同業と並べる表の前の説明（何の数か・期間・件数） */
.tp .cmpnote{font-size:13px;line-height:1.85;max-width:72ch;margin:0 0 10px;color:var(--ink)}
/* つながり：同じ業界の会社が多いときの小さな札（横に流して折り返す） */
.tp .lk .pchips{display:flex;flex-wrap:wrap;gap:5px 6px;font-size:12.5px}
.tp .lk .pchips a,.tp .lk .pchips span{border:1px solid var(--line);border-radius:999px;padding:1px 9px;background:#fff;white-space:nowrap;text-decoration:none;color:var(--teal-mid);font-weight:600}
.tp .lk .pchips a:hover{border-color:var(--teal-mid)}