/* 標案雷達 — 知識庫文章共用樣式
   由 guide-*.html 以 <link rel="stylesheet" href="css/guide-article.css"> 引入
   （Tailwind config 仍各頁 inline；本檔負責文章排版 + TOC + 品牌色） */
:root { --navy-700:#1A365D; --navy-900:#0F1F36; --amber-500:#C8870E; --amber-700:#92400E; }
html { scroll-behavior: smooth; }
body { font-family:'Microsoft JhengHei','PingFang TC','Noto Sans TC','Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
.gradient-text { background: linear-gradient(135deg,#1A365D 0%,#C8870E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.grid-bg { background-image:linear-gradient(rgba(26,54,93,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,54,93,.04) 1px,transparent 1px); background-size:32px 32px; }

.article h2 { font-size:1.75rem; font-weight:800; color:var(--navy-700); margin-top:3rem; margin-bottom:1rem; padding-bottom:.5rem; border-bottom:3px solid #E2E8F0; }
.article h3 { font-size:1.25rem; font-weight:700; color:var(--navy-900); margin-top:2rem; margin-bottom:.75rem; }
.article p { color:#334155; line-height:1.85; font-size:1.0625rem; margin-bottom:1.25rem; }
.article ul,.article ol { margin:1rem 0 1.5rem 1.5rem; color:#334155; line-height:1.85; }
.article ul { list-style:disc; } .article ol { list-style:decimal; } .article li { margin-bottom:.5rem; }
.article strong { color:var(--navy-900); font-weight:700; }
.article blockquote { border-left:4px solid var(--amber-500); background:#FFFBEB; padding:1rem 1.5rem; margin:1.5rem 0; border-radius:0 8px 8px 0; color:#475569; font-style:italic; }
.article .callout-tip { background:#ECFDF5; border:1px solid #A7F3D0; border-radius:12px; padding:1.25rem; margin:1.5rem 0; }
.article .callout-warn { background:#FEF2F2; border:1px solid #FECACA; border-radius:12px; padding:1.25rem; margin:1.5rem 0; }
.article a { color:var(--amber-700); text-decoration:underline; } .article a:hover { color:var(--amber-500); }
.article table { width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.9375rem; border:1px solid #E2E8F0; border-radius:8px; overflow:hidden; }
.article th,.article td { padding:.75rem 1rem; text-align:left; border-bottom:1px solid #E2E8F0; }
.article th { background:#F1F5F9; font-weight:700; color:var(--navy-700); }
.article tbody tr:last-child td { border-bottom:none; }

.toc { position:sticky; top:80px; }
.toc a { display:block; padding:6px 12px; color:#64748B; font-size:13px; border-left:2px solid transparent; transition:all .15s; }
.toc a:hover,.toc a.active { color:var(--navy-700); border-left-color:var(--amber-500); font-weight:600; }
:focus-visible { outline:3px solid var(--amber-500); outline-offset:2px; border-radius:4px; }