/* ==========================================================================
   p-news — PC/18_NewsIndex (24381:8075) / SP (24381:8113)
            PC/19_NewsDetail (24381:8138) / SP (24381:8169)
   ========================================================================== */

/* ---- 一覧: ページ見出し（Figma: タイトル → リードが 8px。c-page-header 既定は 16px） ---- */
.p-news-header__title-row {
  gap: var(--space-8);
}

/* ---- 一覧: カード → ページ送り 64px（SP 32px） ---- */
.p-news-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-64);
}

@media (max-width: 1023px) {

  .p-news-list-section .l-container {
    padding-inline: var(--space-16); /* Figma SP: 左右 16px */
  }

  .p-news-list {
    gap: var(--space-32);
  }
}

/* ---- 詳細: 本文エリア（Figma: 幅 720px 中央・上下 80px・ブロック間 32px / SP: 上下 64px・左右 16px） ---- */
.p-news-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
  width: 100%;
  max-width: calc(var(--layout-article-max) + var(--layout-gutter) * 2);
  margin-inline: auto;
  padding: var(--space-80) var(--layout-gutter);
}

.p-news-body__hero-image {
  width: 100%;
  aspect-ratio: 720 / 377; /* Figma 固有寸法 */
  object-fit: cover;
}

.p-news-body__share {
  justify-content: flex-end;
}

.p-news-body__back {
  align-self: center;
}

@media (max-width: 1023px) {

  .p-news-body {
    padding: var(--space-64) var(--space-16);
  }

  .p-news-body__back {
    align-self: stretch;
  }
}