/* 功能介紹頁。一份靜態長文，只有目錄、條列與 FAQ 需要額外樣式。 */

/* 目錄跳過去時不要被 sticky 導覽列（桌機 60px / 手機 54px）蓋住 */
.guide-sec { scroll-margin-top: 76px; }
.guide-sec + .guide-sec { margin-top: 36px; }
.guide-sec > h2 { margin-bottom: 6px; }

.guide-toc { margin: 20px 0 30px; }
.guide-toc .chip { text-decoration: none; }

/* 總覽表格的頁面名稱不要斷行（「行事曆」被拆成兩行很難看）。
   放在 .table-wrap 裡，撐寬了也只是容器內橫向捲動。 */
.guide-sec td:first-child { white-space: nowrap; }

.guide-lead { color: var(--ink-soft); margin-bottom: 14px; }

/* 條列。card 內文用，行距比預設寬一點 —— 這一頁是拿來讀的。 */
.feat { margin: 0; padding-left: 20px; }
.feat li { margin-bottom: 8px; line-height: 1.75; color: var(--ink-soft); }
.feat li:last-child { margin-bottom: 0; }
.feat li strong { color: var(--ink); font-weight: 600; }

/* 每張卡片底部的「在哪裡」 */
.guide-where {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 13.5px;
}
.guide-where span { color: var(--ink-faint); }

.faq dt { font-weight: 600; margin-top: 18px; }
.faq dt:first-child { margin-top: 0; }
.faq dd { color: var(--ink-soft); margin-top: 4px; }