/* 規劃站與收益報告的統一主題：對齊 /intro 的高級明亮風
   （白＋暖灰＋炭黑＋香檳銅）。在 site.css 之後載入，覆蓋色票與元件外觀。 */

:root{
  --ink:#1a1a1a;
  --muted:#7c7871;
  --navy:#141516;          /* 炭黑（原深藍） */
  --teal:#9a7c49;          /* 香檳銅（原湖水綠） */
  --lime:#c3a878;          /* 淺香檳（原萊姆綠） */
  --paper:#ffffff;
  --line:#e8e4db;
  --line-2:#d9d3c6;
  --soft:#faf9f7;
  --sand:#f4f2ec;
  --bg:#faf9f7;
  --tint:#efe7d6;
  --loss:#a33333;
  --accent-3:#efe7d6;
}

body{background:var(--paper);color:var(--ink)}

/* 標題較輕、eyebrow 加短線，接近 intro */
h1,h2,h3,h4{font-weight:400;letter-spacing:-.02em}
.eyebrow{color:var(--teal)}
.eyebrow::before{content:"";display:inline-block;width:26px;height:1px;background:var(--teal);margin-right:10px;vertical-align:middle}
a:hover{color:var(--teal)}
:focus-visible{outline:2px solid var(--teal);outline-offset:4px}

/* 品牌圓標改成 intro 的圓形細框 */
.brand-mark{background:transparent;border:1px solid var(--line-2);border-radius:50%;color:var(--teal);font-weight:600}

/* 側欄 */
.sidebar{background:var(--soft)}
.sidebar a:hover{background:#f1eee6}
.sidebar a[aria-current=page]{background:var(--navy);color:#fff}
.sidebar a[aria-current=page] .num{color:var(--lime)}
.sidebar .num{color:#a39e94}

/* 頂欄 */
.topbar{border-bottom:1px solid var(--line)}
.toplinks a{letter-spacing:.03em}
.toplinks [aria-current=page]{color:var(--teal)}

/* 首頁元件 */
.page-note{border-left:3px solid var(--teal);background:var(--soft)}
.flow-panel{background:var(--navy);color:#f2f0ea;border-radius:4px}
.flow-label{color:var(--lime)}
.flow-step small{color:#b9ae9c}
.flow-step p{color:#d9d3c6}
.flow-arrow{color:var(--lime)}
.return-line{border-top:1px solid #3a3a3a}
.return-line span{color:var(--lime)}
.menu-preview a{background:var(--soft)}
.menu-preview a:hover{background:var(--accent-3)}
.overview-meta strong{color:var(--teal)}
.material{transition:transform .3s ease,border-color .3s ease}
.material:hover{transform:translateY(-3px);border-color:var(--line-2)}

/* 文件內容 */
.doc-content a{color:var(--teal)}
.doc-content blockquote{border-left:3px solid var(--teal);background:var(--soft)}
.doc-content th{background:var(--soft)}
.doc-content tr:nth-child(even) td{background:#fbfaf7}
.doc-content code{background:#f4f2ec}
.doc-content pre{background:#f4f2ec}
.chapter-row:hover{background:var(--soft)}
.toc a:hover{color:var(--teal)}
.next-prev a:hover{color:var(--teal)}

/* 收益報告（獨立 HTML，body.op-report） */
.op-report{background:var(--bg)}
.op-report header{border-bottom:1px solid var(--line)}
.op-report h1,.op-report h2,.op-report h3{font-weight:400}
.op-report .metric{background:var(--soft);border-top:3px solid var(--teal)}
.op-report tbody tr:nth-child(even){background:#fbfaf7}
.op-report tbody th{background:transparent}
.op-report .formula{background:#f4f2ec}
.op-report .callout{background:var(--tint);border-left:4px solid var(--teal)}
.op-report thead th{background:var(--navy);color:#f2f0ea}
.op-report .download{background:var(--ink);color:#fff;border-radius:2px}
.op-report .download:hover{background:#333;color:#fff}

/* 行動版細節對齊 */
.menu-button{border:1px solid var(--line-2);border-radius:2px;background:#fff;color:var(--ink)}
.skip{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(20,21,22,.08)}
@media(max-width:760px){
  .topbar{background:rgba(255,255,255,.92)}
  .sidebar{box-shadow:10px 0 30px rgba(20,21,22,.08)}
  .flow-panel{border-radius:2px}
}