/* ============================================================
   guide.css · /guide/ 美食指南版塊小量新增樣式
   其餘版面沿用 news.css 的 .news-hero / .news-grid / .news-card /
   .article-* 系統，這裡只補「guide」這個新的分類色（草綠）與表格樣式
   ============================================================ */

.news-card-cover[data-tag="guide"] {
  background: linear-gradient(135deg, #2f7d52 0%, #1f5138 100%);
}
.news-card-cover[data-tag="guide"] .news-card-watermark {
  color: rgba(255, 255, 255, 0.18);
}
.news-card-tag[data-tag="guide"] {
  background: rgba(47, 125, 82, 0.12);
  color: var(--brand-green);
  border-top: 3px solid var(--brand-green);
  padding-top: 6px;
  border-radius: 0 0 4px 4px;
}
.article-cover[data-tag="guide"] {
  background: linear-gradient(135deg, #2f7d52 0%, #1f5138 100%);
}
.article-cover[data-tag="guide"] .article-cover-watermark {
  color: rgba(255, 255, 255, 0.16);
}
.article-tag[data-tag="guide"] {
  background: rgba(47, 125, 82, 0.12);
  color: var(--brand-green);
}

/* guide 首頁 hub：不需要分類 pills，拿掉多餘留白 */
.guide-hub-grid {
  padding-top: 0;
}

/* 文章內文裡的對照表格（選擇建議 / 一句話指南） */
.article-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 28px;
  font-size: 14.5px;
}

.article-body table th,
.article-body table td {
  padding: 10px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left;
  vertical-align: top;
}

.article-body table th {
  background: rgba(0, 0, 0, 0.04);
  font-weight: 700;
  color: var(--brand-black);
}

.article-body table tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.015);
}

@media (max-width: 640px) {
  .article-body table {
    font-size: 13px;
  }
  .article-body table th,
  .article-body table td {
    padding: 8px 10px;
  }
}