/* =====================================================================
   isREAL public UI — お知らせ(一覧・詳細)
   tokens.css を前提とするコンポーネントCSS。
   site chrome = cast-detail.css、ページ見出し(.ci-head) = cast-index.css を併読。
   ゴールデンスクリーン: /_p/ir-golden-news-8d3f52c7/
   実装WOでは参照のみ・編集禁止(変更はデザインレビューを通す)。
   仕様(DECISIONS 4章 お知らせ 2026-08-19): 直近15件、日付+タイトル+
   サムネイル(本文幅の約75%)+続きを読むのインライン展開。本文はプレーンテキスト。
   ===================================================================== */

.nw-page { max-width: 430px; margin: 0 auto; padding-bottom: 104px; }
@media (min-width: 768px) { .nw-page { max-width: 560px; } }

.nw-list { padding: 6px 22px 0; }
.nw-item { border-bottom: 1px solid var(--ir-line); padding: 22px 0; }
.nw-item__date {
  font-family: var(--ir-font-meta);
  font-size: var(--ir-type-micro); letter-spacing: 0.15em; color: var(--ir-brass);
}
.nw-item__title {
  font-family: var(--ir-font-display); font-weight: 600;
  font-size: 15.5px; letter-spacing: 0.05em; line-height: 1.6;
  color: var(--ir-ink); margin-top: 6px;
}
.nw-item__thumb { margin: 12px auto 0; width: 75%; }
.nw-item__thumb img { width: 100%; height: auto; display: block; }
.nw-item__body {
  margin-top: 12px;
  font-family: var(--ir-font-sans); font-weight: 400;
  font-size: 13px; line-height: 2; letter-spacing: 0.04em;
  color: var(--ir-ink-soft);
  overflow-wrap: break-word;
}
.nw-item__body[hidden] { display: none; }
.nw-item__body p { margin: 0 0 1em; }
.nw-item__body p:last-child { margin-bottom: 0; }
.nw-item__body a {
  color: var(--ir-forest);
  text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: var(--ir-sage);
}
.nw-item__more {
  display: inline-block; margin-top: 10px; padding: 4px 0;
  background: none; border: none; cursor: pointer;
  font-family: var(--ir-font-sans); font-size: 13.5px;
  letter-spacing: 0.1em; color: var(--ir-forest);
  text-decoration: underline; text-underline-offset: 4px;
  text-decoration-color: var(--ir-sage);
}
.nw-empty {
  padding: 30px 22px 0;
  font-family: var(--ir-font-sans);
  font-size: 13px; letter-spacing: 0.06em; line-height: 2;
  color: var(--ir-muted);
}
