/* ===========================================================
   column-global.css ─ 海外コラム（/column/global/*）専用の本文調整
   -----------------------------------------------------------
   2026-08-04 新設。12本の記事HTMLに直書きされていた本文CSSを集約し、
   本文リンク指定の有無で2系統に分岐していた状態を解消した。

   ⚠️ ここに書いたルールは article.css より後に読み込んで上書きする前提。
      読み込み順： tokens.css → article.css → column-global.css
   ⚠️ このファイルは海外コラム12本だけが link する。他コラム（キャリア記事等）
      に効かせたい変更は article.css 側へ書くこと（逆にここへ書けば他へ波及しない）。
   =========================================================== */

/* --- 記事メタ（日付・カテゴリ）の下に区切り線 --- */
.card-wrap .article-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  margin: 0 0 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--navy-line);
  letter-spacing: 0.02em;
}

/* --- 本文リンク（2026-08-04：全12本で統一。従来は3本のみ指定されていた） --- */
.card-wrap article p a { color: var(--accent); text-decoration: underline; }

/* --- 見出し・図解まわり --- */
.card-wrap article :is(p, ul, table, div, figure) + h3.sub {
  border-top: 1px solid var(--navy-line);
  padding-top: 20px;
  margin-top: 20px;
}
.card-wrap article .fig-inline { margin: 0; }
.card-wrap article h2.chapter + .fig-inline { margin-top: -4px; }
/* 画像直後の見出しは区切り線を出さない。上余白は企業ページと同じ 20px（2026-08-04 統一） */
.card-wrap article figure + h3.sub { border-top: none; padding-top: 0; margin-top: 20px; }
.card-wrap article figure + p { padding-top: 6px; margin-top: 6px; }
.card-wrap article p.lead { font-size: 17px; line-height: 1.95; margin-top: 18px; }

/* --- 用語リスト --- */
.glossary { list-style: none; padding-left: 0; margin: 6px 0 2px; }

/* --- 注記 --- */
.note { font-size: 16px; color: var(--text-soft); margin: 24px 0 0; letter-spacing: 0.02em; }
.note a { color: var(--accent); text-decoration: underline; word-break: break-all; }
.note.note-sm { font-size: 13px; line-height: 1.7; }

/* --- 解説ボックス ---
   ⚠️ 下の @media は、直後の通常ルールに後勝ちで打ち消されて効いていない。
      移設元の直書きCSSがこの順序だったため、描画を変えないよう順序を保存している。
      有効化（＝順序を入れ替え）するとモバイル幅で余白が 18px/20px → 14px/18px に変わる。 */
@media (max-width: 768px) {
  .example-block, .takeaway-box { padding: 0 14px 18px; }
  .example-block .ex-label, .takeaway-box .label { margin-left: -14px; }
}
.example-block, .takeaway-box {
  background: var(--bg-blue);
  border-radius: 10px;
  padding: 0 18px 20px;
  margin: 40px 0 28px;
  overflow: hidden;
}
.takeaway-box .label {
  display: inline-flex;
  align-items: center;
  background: var(--navy);
  color: #fff;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
  border-radius: 8px 0 8px 0;
  margin: 0 0 18px -18px;
  line-height: 1.5;
  max-width: 100%;
}
.takeaway-box .label .label-doc { height: 22px; width: 22px; margin-right: 9px; display: inline-block; }
.takeaway-box ul { padding-left: 8px; margin: 6px 0 4px; }
.takeaway-box li { font-size: 16px; line-height: 1.45; padding: 4px 0; }