/* ============================================================
   消息列表頁
   ============================================================ */

.news-section {
  padding-top: 56px;
}

/* 分類切換列:底線式頁籤(放在搜尋框下方) */
.news-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 30px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 22px;
}

/* 靜態頁的分類切換是 JS 篩選,用 <button>(沒有對應的網址,不該是連結);
   a 保留給尚未靜態化的頁面 */
.news-cats a,
.news-cats button {
  padding: 10px 2px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--steel);
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.news-cats a:hover,
.news-cats button:hover {
  color: var(--grit);
}

.news-cats .is-active {
  color: var(--ink);
  font-weight: 700;
  border-color: var(--grit);
}