@charset "UTF-8";
/* =============================================================================
   news/page.css — 更新情報ページ固有のレイアウト
   色・フォント・余白は kq-swiss.css のトークンだけを使う
   ============================================================================= */

/* 目次：日付 ........ タイトル。タイトルが折り返すときは左揃えで読ませる */
.news-toc { gap: var(--space-3); }
.news-toc dd { text-align: left; text-wrap: pretty; }

/* 記事本文：小見出し（h3.panel__sub）の上を広く、下を詰めてまとまりを見せる。見出しの見た目は kq-swiss.css の .panel__sub */
.news-item__body > * + * { margin-top: var(--space-4); }
.news-item__body > .panel__sub { margin-top: var(--space-6); }
.news-item__body > .panel__sub + * { margin-top: var(--space-2); }

/* 手順の中の画面写真 */
.news-item .figure-img { margin-block: var(--space-2); }