/* news.html — ニュース一覧 固有スタイル */

/* フィルタチップ行 */
.news-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.chip.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }
.chip.is-active:hover { background: var(--accent-dark); color: #fff; border-color: var(--accent-dark); }

/* ニュースリスト（TOPの news-item を流用しつつ、一覧用にゆったり） */
.news-list .news-item { padding: 18px 4px; gap: 18px; }
.news-list .news-item:first-child { border-top: 1px solid #ededea; }

/* タグの色バリエーション */
.news-tag.news-tag-info { background: #eceef3; color: #5a6275; }
.news-tag.news-tag-stock { background: #e6f1ea; color: #3f7a55; }

@media (max-width: 560px) {
  .news-list .news-item { flex-wrap: wrap; gap: 8px 12px; }
  .news-list .news-item-text { white-space: normal; flex-basis: 100%; }
}