/* news.html 固有スタイル。型(styles.css)・共通部品(custom.css)は編集禁止。
   使う部品: .page-head / .breadcrumb / .section / .section__head / .eyebrow / .section__lead /
   .news-list（TOPと同じ罫線・.row変種）/ .claim / .text-link
   design-direction-r4 §3.4: 一覧を全幅（列 140px 120px 1fr）、抜粋の左端を題名と同じ位置に（最大720）。
   型(styles.css)の .news-list{max-width:860px;margin:auto} と 共通部品(custom.css)の
   列120px/88pxは、このファイルの高い詳細度＋後読み込みでページ内だけ上書きする。 */

.news-list h2.ttl { margin: 0; }

/* ---- 一覧を全幅に（型の860px中央寄せを解除） ---- */
.news-list { max-width: none; margin: 0; }
/* 型の .news-list li{display:flex} により article がflexアイテムとして縮む（B9名残）。
   flex-growで li いっぱいに広げてから .row の1frを解決させる */
.news-list li > article { flex: 1 1 auto; min-width: 0; }
.news-list .row { grid-template-columns: 140px 120px 1fr; }

/* ---- 抜粋: 左端を題名と同じ位置（140+16+120+16=292px）に揃える。最大720 ---- */
.news-list .excerpt { margin: 4px 0 20px; font-size: 15px; line-height: 1.9; color: var(--ink); }
@media (min-width: 901px) {
  .news-list .excerpt { margin-left: 292px; max-width: 720px; }
}