/* ============================================================
   俳句FAN：俳句ニュースCSS
   ファイル：/portal-css/portal-news.css

   役割：
   - 共通デザインは portal-base.css に任せる
   - ニュース固有の差分だけを指定する
============================================================ */


/* ============================================================
   1. ニュース一覧
============================================================ */

/* 通常ページではニュースを2カラム */
.hf-news-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* トップページ内では1カラム */
.hf-top-main .hf-news-list {
  grid-template-columns: 1fr;
}


/* ============================================================
   2. 出典・更新日
============================================================ */

.hf-news-source::before {
  content: "出典：";
  color: #aaa096;
}

.hf-news-date::before {
  content: "更新日：";
  color: #aaa096;
}


/* ============================================================
   3. タブレット・スマホ
============================================================ */

@media (max-width: 900px) {
  .hf-news-list {
    grid-template-columns: 1fr;
  }
}