/* ============================================================
     ▼ /column/ ─ ニュース・コラム（このページ固有の追加）
        新規クラスは既存344クラスとの衝突チェック済み：
        column-hero / cgrid / ccard / cmeta / ccat / clead / cgo
     ============================================================ */

  /* 写真を使わないヒーロー。privacy の .legal-hero と同じく .dhero に色だけ足す。
     素材写真が無いため、濃紺の無地＋ロゴブルーの淡い光で成立させる */
  .column-hero{background:
    radial-gradient(110% 150% at 86% -30%, rgba(28,104,174,.35) 0%, rgba(28,104,174,0) 58%),
    linear-gradient(150deg, var(--b900) 0%, var(--b800) 100%)}
  .column-hero .lead{max-width:44em}

  /* ---------- 記事カード（一覧・関連記事で共用） ----------
     カテゴリ・日付・タイトル・リード文（2行）の4点だけを出す。
     アイキャッチはまだ実画像が無いので、カードには使わない */
  .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .ccard{background:var(--white);border:1px solid var(--n300);display:flex;transition:border-color .25s}
  .ccard:hover{border-color:var(--b400)}
  .ccard[hidden]{display:none}
  .ccard>a{flex:1;display:flex;flex-direction:column;gap:10px;padding:19px 20px 16px;
           text-decoration:none;min-width:0}
  .cmeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0;
         font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--n500)}
  .ccat{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9.5px;font-weight:700;
        letter-spacing:.1em;background:var(--b50);color:var(--b700);padding:3px 9px}
  .ccard h3{font-family:var(--serif);font-size:15.5px;font-weight:700;margin:0;line-height:1.65;
            letter-spacing:.03em;color:var(--n900)}
  .clead{margin:0;font-size:12.5px;font-weight:500;color:var(--n700);line-height:1.8;flex:1;
         display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .cgo{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--b600);
       padding-top:9px;border-top:1px solid var(--n300)}
  .cgo .ic{width:13px;height:13px}
  @media (max-width:980px){.cgrid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:640px){.cgrid{grid-template-columns:1fr}}

  /* ---------- ページ送り（WordPress の paginate_links を想定した見た目） ---------- */
  .cpager{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:30px 0 0;padding:0}
  .cpager a,.cpager span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;
    padding:0 9px;border:1px solid var(--n300);background:var(--white);color:var(--n700);
    font-family:var(--mono);font-size:12px;font-weight:700;text-decoration:none;
    transition:border-color .2s,color .2s}
  .cpager a:hover{border-color:var(--b400);color:var(--b600)}
  .cpager .on{background:var(--b600);border-color:var(--b600);color:#fff}
  .cpager .pdots{border:none;background:none;min-width:auto;padding:0 2px;color:var(--n500)}
  .cpager .pnext{gap:6px}
  .cpager .pnext .ic{width:12px;height:12px}