/* news.css — News（Figma 35:1469＝teaser）。左＝「News」見出し(明朝48)＋「View All News →」リンク、右＝記事リスト。
   C案（2026-07-06 ユーザー確定）：/news/ は teaser（直近3件＝.c-Xj--teaser3 でキャップ）、
   全件＋年フィルタは /news/list/（news-list.html）へ退避。両ページとも本 news.css を読む（.c-NewsBand 共有）。
   記事一覧は XJ Storage(SiteNews) をロード→ .c-Xj--news（common.css）へ描画。
   行デザイン（.c-Xj--news / .c-Xj__new）は common.css 共有。帯レイアウトは IR News帯(ir.css .ir-band)と等価だが
   news は ir.css を読まないため news 専用クラスで定義（疎結合）。
   命名リファクタ U1: news 固有クラスを c-NewsBand__* へ規約化（共有 .c-PageHero/.c-PageHero__titleSub 等は U13/U14 で改名）。 */

/* タイトル帯は inner.css の .c-PageHero（geometry）＋ .c-PageHero--alt（grey背景）に一本化＝ここでは再定義しない。 */
.c-PageHero__titleSub {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--ink);
}

/* カテゴリ選択UIは非表示（プレスリリース＝お知らせ固定）。xj.css の display 指定を確実に打ち消す
   （重要度指定は XJ が #xj-select-category に付ける display を上書きするため必須＝据え置き） */
.c-NewsBand__catHidden { display: none !important; } /* stylelint-disable-line declaration-no-important -- XJ が #xj-select-category に付けるインライン display を打ち消す必要（値不変） */

/* 年フィルタ（/ir/library/tanshin/ の .ir-lib-year を流用） */
.c-NewsBand__year { margin: 0; }
.c-NewsBand__year select {
  appearance: none; -webkit-appearance: none;
  min-width: 200px; padding: 10px 40px 10px 14px;
  border: 1px solid var(--line); border-radius: 0; background-color: #fff;
  font-size: 15px; color: var(--ink); line-height: 1.4; cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.c-NewsBand__year select:focus { outline: 2px solid var(--accent); outline-offset: 1px; }

/* ---------- News 帯（見出し左／リスト右：Figma 35:1469 準拠＝IR News帯と等価レイアウト） ---------- */
.c-NewsBand {
  display: grid;
  grid-template-columns: minmax(200px, 0.42fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}
.c-NewsBand__head { display: flex; flex-direction: column; gap: 30px; }
.c-NewsBand__title {
  margin: 0;
  /* Figma 35:1469 実測＝YuMincho/500/48（旧 serif-en/400 から更新）。ヒーロー .c-PageHero__titleMincho と同系 */
  font-family: var(--font-mincho);
  font-size: clamp(38px, 4.4vw, 48px);
  font-weight: 500;
  line-height: 1.333;
  color: var(--ink);
}
/* 「View All News →」リンク（teaser のみ）。Figma＝YuMincho/500/16 lh28 黒／hover でアクセント */
.c-NewsBand__viewAll {
  font-family: var(--font-mincho);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  color: var(--ink);
  text-decoration: none;
}
.c-NewsBand__viewAll:hover { color: var(--accent); }
.c-NewsBand__loading { margin: 0; color: var(--muted); font-size: 14px; }

/* teaser（/news/）＝XJ SiteNews が描画する各記事 <dl> のうち先頭3件のみ表示（4件目以降を隠す）。
   全件は /news/list/。dl:nth-of-type で数える＝loading の <p> 等が残っても記事数で正しくキャップ。 */
.c-Xj--teaser3 > dl:nth-of-type(n + 4) { display: none; }

@media (max-width: 900px) {
  .c-NewsBand { grid-template-columns: 1fr; gap: 24px; }
}