/* お知らせ一覧専用CSS。news/index.html の head でだけ読み込む。Figma: 06_PC_/news/ / 06_SP_/news/ */
@layer pages {
  /* ---------- 絞り込み + 一覧（Figma: 2_News） ---------- */
  .p-news-list {
    padding-top: var(--wp--preset--spacing--40);
    padding-bottom: var(--wp--preset--spacing--40);
    background-color: var(--wp--preset--color--background-soft);
  }

  /* カテゴリのラベル（Figma: news_1 の Frame 1298。c-news-item__category と同じ見た目。SP は折り返す） */
  .p-news-filter__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--15);
    padding-bottom: var(--wp--preset--spacing--20);
    border-bottom: 1px solid var(--wp--preset--color--border);
  }

  .p-news-filter__link {
    display: block;
    padding: 0 var(--wp--preset--spacing--20);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    line-height: 2;
    color: var(--wp--preset--color--white);
    letter-spacing: var(--wp--preset--letter-spacing--wide);
    white-space: nowrap;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: var(--wp--preset--color--primary);
    border-radius: var(--wp--preset--radius--pill);
    transition: opacity 0.2s;
  }

  .p-news-filter__link--press {
    background-color: var(--wp--preset--color--accent);
  }

  .p-news-filter__link--cultivation {
    background-color: var(--wp--preset--color--text-muted);
  }

  .p-news-filter__link--media {
    background-color: var(--wp--preset--color--text);
  }

  .p-news-filter__link--new {
    background-color: var(--wp--preset--color--pink);
  }

  @media (hover: hover) {
    .p-news-filter__link:hover {
      opacity: 0.8;
    }
  }

  /* 記事が無いとき（wp: 新着に該当なし・カテゴリに記事なし） */
  .p-news-list__empty {
    padding: var(--wp--preset--spacing--40) 0;
    font-size: var(--wp--preset--font-size--body);
    line-height: var(--wp--preset--line-height--body);
    text-align: center;
  }

  .p-news-list__items {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--25);
    margin-top: var(--wp--preset--spacing--80);
  }

  /* ---------- ページ送り（Figma: 3_Page Navigation） ---------- */
  .p-news-pagination {
    padding-top: 0;
    padding-bottom: var(--wp--preset--spacing--100);
    background-color: var(--wp--preset--color--background-soft);
  }

  /* ========== 768px 以上 ========== */
  @media (min-width: 768px) {
    .p-news-list {
      padding-top: var(--wp--preset--spacing--50);
      padding-bottom: var(--wp--preset--spacing--40);
    }

    .p-news-filter__list {
      gap: var(--wp--preset--spacing--20);
    }

    .p-news-list__items {
      gap: var(--wp--preset--spacing--30);
      margin-top: var(--wp--preset--spacing--60);
    }

    .p-news-pagination {
      padding-top: var(--wp--preset--spacing--40);
      padding-bottom: var(--wp--preset--spacing--150);
    }
  }
}