/* 承認済みデザイン(approved-design-tokens.css)のトークンを継承した、企業ロゴ未使用時の
   テキスト代替表示(.blogo-placeholder)のスタイル。既存3ファイルにはこのクラスの見た目定義が
   無かった（functions.phpのショートコードが出力するclass名のみ存在）ため、フェーズ12で追加。
   企業ロゴ画像そのものは商標・利用条件が未確認のため引き続き使用しない。 */

.blogo-placeholder{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans','Noto Sans JP',sans-serif;font-weight:700;
  color:var(--ink-soft);background:var(--paper);border:1px solid var(--paper-line);
  border-radius:6px;text-align:center;line-height:1.3;
}
.logo-strip .row .blogo-placeholder{height:52px;min-width:120px;padding:8px 16px;font-size:.78rem}
.compare-table .broker .blogo-placeholder{height:22px;padding:2px 10px;font-size:.72rem;border-radius:4px}
.broker-card .blogo-wrap .blogo-placeholder{width:100%;max-width:82%;height:76px;font-size:.86rem;padding:8px}

/* 実ロゴ画像(2026-08-27、7社ロゴ提供によりプレースホルダ運用から実画像へ移行) */
img.blogo{
  display:inline-block;object-fit:contain;background:var(--paper-raise);
  border:1px solid var(--paper-line);border-radius:8px;
  box-shadow:var(--shadow-card);
  transition:transform .25s ease, box-shadow .25s ease;
}
a:hover img.blogo, .broker-card:hover img.blogo{transform:translateY(-2px); box-shadow:0 6px 18px -8px rgba(16,24,39,.3);}
.logo-strip .row img.blogo{height:52px;min-width:120px;padding:10px 18px;}
.compare-table .broker img.blogo{height:26px;padding:4px 12px;border-radius:5px;}
.broker-card .blogo-wrap img.blogo{width:100%;max-width:82%;height:76px;padding:14px;}
.pickup .feature-card .thumb{align-items:center;justify-content:center;}
.pickup .feature-card .thumb img.blogo{
  position:relative;z-index:1;
  height:auto;width:min(78%,320px);max-width:none;padding:26px 34px;
  background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.archive-grid .article .thumb img.blogo{
  height:44px;width:auto;max-width:60%;padding:10px 14px;filter:none;
  background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.14);
}

/* 関連記事ブロック(ショートコード出力)を記事本文と同じ最大幅・余白に揃える */
.article-shell .article-related h2{font-size:1.25rem;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink)}