/* news-home-5-v2 — ホーム NEWS 5 件：先頭 1 件（左）＋右 2 列×2 段（2026-09-29）。
   news-home-5-proddata.css の代わりに読み込む。600px 以下は触らない。 */
@media (min-width: 601px) {
  /*
   * 列比 3.65fr : 1fr : 1fr、列あい 24px（3×8u）、段あい 32px（4×8u）。
   * 先頭列を広く・右セルを狭くすると、右は 2 段ぶん 16:9 が積み上がる一方で先頭 1 枚の高さは
   * 「右ブロック全体 ≈ 先頭の題下端」に寄せられる（1440 で左先頭下の空きを 24px 以下にするための比）。
   * 幅の根拠（study48 の 1.12/1 列＋34px 列間は 5 件 2×2 では右が高くなりすぎるため差し替え）：
   * 日付 edition-news.css 12px/1.6 → 19.2px、先頭題 study48 17px/1.65・下 5px、右題 15px/1.65・下 5px、
   * 先頭画像下 12px（study48）。題は既存どおり最大 2 行想定で見積もり（新しい clamp は付けない）。
   */
  .study48 .edition-news .edition-news-grid {
    grid-template-columns: minmax(0, 3.65fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 32px 24px;
    align-items: start;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:first-child {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
    padding-top: 0;
    border: 0;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    padding-top: 0;
    border: 0;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
    padding-top: 0;
    border: 0;
  }

  /* study48 の右 2〜3 件目用横組み（画像｜日付・題）をやめ、先頭と同じ縦組みに戻す */
  .study48 .edition-news .edition-news-grid > .edition-news-item:not(:first-child) .edition-news-link {
    display: block;
    grid-template-columns: unset;
    column-gap: unset;
    align-content: unset;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:not(:first-child) .edition-news-image {
    grid-column: unset;
    grid-row: unset;
    margin: 0 0 12px;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:not(:first-child) .edition-news-date {
    grid-column: unset;
    grid-row: unset;
    align-self: unset;
  }

  .study48 .edition-news .edition-news-grid > .edition-news-item:not(:first-child) .edition-news-title-row {
    grid-column: unset;
    grid-row: unset;
    align-self: unset;
  }
}

/*
 * 列比は 1920〜640 の各幅で「右 2 段目の題のインク下端 − 先頭の題のインク下端」を実測して決めた
 * （2026-09-29、_news5-measure.mjs、題は下の改行規則を入れた状態）。
 *   2.6fr … 1920 −22 / 1600 −3 / 1440・1280 +7（1280 以上は列幅が --site-max で止まる）
 *   3fr   … 1200 −6 / 1100 +1 / 1024 +9
 *   3.65fr… 900 −3 / 820 +10 / 768 +19
 * 767 以下は右のセルが 120px を切り題が 3〜4 行になるため、先頭を全幅にして下に 2×2 を置く。
 * 列あい 24（3×8u）、段あい 32（4×8u）、1023 以下の段あい 24（3×8u）。
 */
@media (min-width: 1280px) {
  .study48 .edition-news .edition-news-grid {
    grid-template-columns: minmax(0, 2.6fr) minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .study48 .edition-news .edition-news-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (min-width: 601px) and (max-width: 1023px) {
  .study48 .edition-news .edition-news-grid {
    grid-template-columns: minmax(0, 3.65fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px 24px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .study48 .edition-news .edition-news-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .study48 .edition-news .edition-news-grid > .edition-news-item:first-child { grid-column: 1 / -1; grid-row: 1; }
  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(2) { grid-column: 1; grid-row: 2; }
  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(3) { grid-column: 2; grid-row: 2; }
  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(4) { grid-column: 1; grid-row: 3; }
  .study48 .edition-news .edition-news-grid > .edition-news-item:nth-child(5) { grid-column: 2; grid-row: 3; }
}

/* 題の改行：文節で折り返し、1〜2 字だけの行を作らない（edition-news.css の overflow-wrap: anywhere を上書き） */
.study48 .edition-news .edition-news-grid .edition-news-title-row h3 {
  word-break: auto-phrase;
  text-wrap: pretty;
  overflow-wrap: normal;
}