/* swell-custom.css の続き（サーバが64KB超のファイルを受け取れないため分割。2026-09-24）。読み込み順は functions.php */
/* ★気になる点は赤にしない。医療の文脈で赤は「危険」を意味してしまい、
   口コミの温度差と釣り合わない。掲載院を貶める見え方にもなる。
   彩度を落とした琥珀色で「注意して読む行」だと分かる程度に留める。 */
.bl-review__point.is-care .bl-review__mark{ color:#B0872F; }
.bl-review__point.is-care .bl-review__body{ color:var(--bl-sub); }

.bl-review__body{ font-size:14px; line-height:1.75; color:var(--bl-ink); min-width:0; }

.bl-review__thin{
  font-size:13px; line-height:1.85; color:var(--bl-sub); margin:0 0 10px;
}
.bl-review__catch{ font-size:13px; line-height:1.85; color:var(--bl-sub); margin:0 0 8px; }
.bl-review__src{
  display:flex; align-items:flex-start; gap:6px; flex-wrap:wrap;
  font-size:11px; line-height:1.7; color:var(--bl-sub); margin:0;
}
.bl-review__src svg{ flex:none; width:12px; height:12px; margin-top:3px; }

@media (max-width:600px){
  .bl-review{ padding:14px 14px 12px; }
  /* ★2カラム（マーク＋文）なので折り返しは不要。
     チップが3つ並んでいた頃の指定は削除した。 */
  .bl-review__body{ font-size:13.5px; }
}

/* ══════════════════════════════════════════════════════════════
   記事内の比較表（.bl-compare）
   ──────────────────────────────────────────────────────────────
   まとめ記事の主役。上位競合はどれも「同じ項目で並べた表」を持っている。
   ・横に長いので、必ず .bl-table-scroll で包んで**表だけ**を横スクロールさせる
     （body が横に動くと読めなくなる）
   ・順位の列は等幅数字。1桁と2桁が混ざっても縦が揃う
   ・1位〜3位に色は付けない。順位は事実の集計であって、推奨の強さではない
   ══════════════════════════════════════════════════════════════ */
.bl-table-scroll{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  margin:0 0 10px; border-radius:var(--bl-r-img);
  border:1px solid var(--bl-line);
}
.bl-compare{
  width:100%; min-width:640px; border-collapse:collapse;
  background:var(--bl-surface); font-size:13px; line-height:1.6;
}
.bl-compare th,.bl-compare td{
  padding:10px 12px; text-align:left; vertical-align:top;
  border-bottom:1px solid var(--bl-line);
}
.bl-compare thead th{
  position:sticky; top:0; z-index:1;
  background:var(--bl-tint); color:var(--bl-primary-deep);
  font-size:12px; font-weight:700; white-space:nowrap;
}
.bl-compare tbody tr:last-child th,.bl-compare tbody tr:last-child td{ border-bottom:none; }
.bl-compare tbody tr:nth-child(even){ background:var(--bl-base); }
.bl-compare td:first-child{
  font-family:var(--bl-font-num); font-weight:700; text-align:center;
  font-variant-numeric:tabular-nums; color:var(--bl-sub); width:3.2em;
}
.bl-compare td:nth-child(2){ font-weight:600; color:var(--bl-ink); }
.bl-compare td:nth-child(3){ white-space:nowrap; }

/* 記事本文の見出しまわり（SWELL既定に対して間隔だけ整える） */
.post_content .bl-table-scroll + p small{ display:block; margin-top:-4px; }