/*
 * お知らせ（/news/）だけで読む追加の CSS。土台は /assets/css/site.css（部品は /_design/）。
 * ここには site.css の部品で足りない所だけを書く（色は site.css の変数だけを使う）。
 * 変えたら、/news/ の読み込み（/assets/css/pages/news.css?v=…）の値を変える（/assets/* は 1 年キャッシュする）。
 */

/* 見出しの横の「〜時点」 */
.news-asof { display: inline-block; margin-left: .9em; font-size: 13.5px; font-weight: 400; letter-spacing: .02em; color: var(--ink-3); }

/* いまの状況（.ledger を狭い列で使う）: 札を先に置き、札の幅をそろえて項目名の頭を縦にそろえる */
.status-board dt { display: grid; grid-template-columns: 4.6rem minmax(0, 1fr); align-items: baseline; gap: 12px; font-size: 16px; }
.status-board dt .tag { justify-self: stretch; text-align: center; }
.status-board dd { font-size: 15px; line-height: 1.85; }
@media (max-width: 899px) { .status-board dd { padding-left: calc(4.6rem + 12px); } }
@media (min-width: 900px) { .status-board > div { grid-template-columns: 15.5em 1fr; gap: 6px 24px; } }

/* 年ごとのお知らせの一覧 */
.news-year { margin-top: clamp(48px, 6vw, 72px); }

/* フィードのアドレス（等幅にせず、航空データの書体も使わない） */
.feed-url { display: inline-block; margin-top: 4px; font-family: var(--font-ja); color: var(--ink); overflow-wrap: anywhere; }