/* 嚕發票 — 指南文章頁樣式（延伸 style.css + app.css 的貼紙風） */
.crumb{max-width:1120px;margin:6px auto 0;padding:8px 20px 0;font-size:13.5px;color:var(--muted)}
.crumb a{color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent}
.crumb a:hover{border-bottom-color:var(--orange)}
.crumb span{color:var(--muted)}

.guide-main{max-width:820px}
.guide-main .page-title{font-size:34px;line-height:1.25;margin-top:16px}
.guide-meta{color:var(--muted);font-size:13.5px;margin:0 2px 20px}

/* 直接答案框（利於精選摘要 / AI 引用） */
.answer{
  background:#fff2d6;border:var(--bd);border-radius:var(--r);
  box-shadow:var(--sh-sm);padding:18px 22px;margin:0 0 26px;
}
.answer b{color:var(--ink)}
.answer p{margin:0;font-size:16px;line-height:1.75;color:var(--ink-2)}

/* 文章內文排版 */
.prose h2{font-family:var(--display);font-size:25px;color:var(--ink);font-weight:700;
  margin:34px 0 12px;scroll-margin-top:16px}
.prose h3{font-family:var(--display);font-size:19px;color:var(--ink);font-weight:700;margin:22px 0 8px}
.prose p{font-size:16.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:4px;list-style:none}
.prose li{position:relative;padding-left:26px;margin:8px 0;font-size:16.5px;line-height:1.7;color:var(--ink-2)}
.prose ul li::before{content:"";position:absolute;left:2px;top:9px;width:11px;height:11px;
  background:var(--orange);border:2px solid var(--ink);border-radius:3px;transform:rotate(8deg)}
.prose ol{counter-reset:s}
.prose ol li{counter-increment:s}
.prose ol li::before{content:counter(s);position:absolute;left:0;top:1px;
  width:20px;height:20px;font-size:12px;font-weight:800;color:var(--ink);
  background:var(--mint);border:2px solid var(--ink);border-radius:6px;
  display:flex;align-items:center;justify-content:center;line-height:1}
.prose a{color:var(--orange-d);font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange)}
.prose a:hover{background:#fff2d6}
.prose b,.prose strong{color:var(--ink)}
.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 18px;
  border:var(--bd);border-radius:var(--r);overflow:hidden}
.prose th,.prose td{padding:11px 14px;font-size:15px;text-align:left;border-bottom:2px solid #ece5d4}
.prose th{background:var(--ink);color:#fff;font-weight:700}
.prose tr:last-child td{border-bottom:none}

/* 目錄（Hub 用） */
.toc{background:var(--card);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-sm);
  padding:18px 22px;margin:0 0 28px}
.toc h2{font-family:var(--display);font-size:17px;margin:0 0 10px;color:var(--ink)}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t;margin:6px 0;padding-left:30px;position:relative}
.toc li::before{content:counter(t);position:absolute;left:0;top:0;width:21px;height:21px;
  background:var(--orange);border:2px solid var(--ink);border-radius:6px;color:var(--ink);
  font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.toc a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15.5px}
.toc a:hover{color:var(--orange-d)}

/* 相關文章卡 */
.related{margin:34px 0 0}
.related h2{font-family:var(--display);font-size:20px;color:var(--ink);margin:0 0 14px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.related-card{display:block;background:var(--card);border:var(--bd);border-radius:var(--r);
  box-shadow:var(--sh-sm);padding:16px 18px;text-decoration:none;transition:transform .12s}
.related-card:hover{transform:translate(-2px,-2px);box-shadow:var(--sh)}
.related-card .rc-tag{font-size:12px;font-weight:800;color:var(--orange-d)}
.related-card .rc-title{display:block;margin-top:4px;font-size:16px;font-weight:700;color:var(--ink);line-height:1.4}
@media(max-width:640px){.related-grid{grid-template-columns:1fr}}

/* 轉換 CTA 帶 */
.cta-band{margin:34px 0 0;background:var(--ink);border-radius:var(--r-lg);
  padding:26px 28px;text-align:center;color:#fff}
.cta-band h2{font-family:var(--display);font-size:23px;margin:0 0 6px;color:#fff}
.cta-band p{margin:0 0 16px;color:#d7deec;font-size:15px}
.cta-band .btn-solid{display:inline-block}