/* 生活誌報 livingnotepress.hk —— 品牌层（Bootstrap 5.3 之上的薄薄一层）
   角度：政策津貼 / 語調：權威克制 / 模板分組：Knowledge Hub 知識庫
   主色：深森綠 #2e5339 + 酒紅 #8c2f39（時間軸節點高亮）
        —— 与站 1 墨青綠(#0f6b5c 偏青)、站 9 磚紅、站 3 石板藍、站 6 靛紫 都不同
   字体：標題襯線(Noto Serif HK) + 正文無襯線(Noto Sans HK) + **日期/編號/表格用等寬**
        —— 第 5 套组合：站 9 也是 serif/sans，本站靠贯穿全站的等宽数字（时间轴、
           双时间戳、表格、编号）拉开差异，正合 Knowledge Hub 的索引气质
   规则：能用 Bootstrap 类解决的一律不写自定义样式；这里只放
        ① 品牌变量覆盖 ② Bootstrap 没有的正文排版(prose) ③ 政策更新時間軸专属组件 */

:root{
  --bs-primary:#2e5339;
  --bs-primary-rgb:46,83,57;
  --brand-dark:#1e3826;
  --brand-soft:#eef2ec;
  --brand-accent:#8c2f39;
  --brand-accent-soft:#f7ebec;

  --bs-link-color:#2e5339;
  --bs-link-color-rgb:46,83,57;
  --bs-link-hover-color:#1e3826;
  --bs-link-hover-color-rgb:30,56,38;

  --bs-body-color:#21261f;
  --bs-body-color-rgb:33,38,31;
  --bs-secondary-color:rgba(33,38,31,.68);
  --bs-tertiary-color:rgba(33,38,31,.5);
  --bs-border-color:#dde2d9;
  --bs-tertiary-bg:#f6f8f4;
  --bs-border-radius:.25rem;
  --bs-border-radius-sm:.125rem;

  --bs-body-font-family:"Noto Sans HK","PingFang HK","Hiragino Sans CNS","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bs-body-font-size:1rem;
  --bs-body-line-height:1.9;
  --brand-serif:"Noto Serif HK","Source Han Serif HK","Songti TC","PMingLiU",Georgia,serif;
  --brand-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}

/* 标题走衬线，正文无衬线；等宽贯穿日期/编号/表格 —— 本站的识别特征 */
h1,h2,h3,h4,h5,h6,.brand-word{font-family:var(--brand-serif);font-weight:700;letter-spacing:0}
.mono{font-family:var(--brand-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
table td,table th{font-variant-numeric:tabular-nums}

.btn-primary{--bs-btn-bg:#2e5339;--bs-btn-border-color:#2e5339;--bs-btn-hover-bg:#1e3826;--bs-btn-hover-border-color:#1e3826;--bs-btn-active-bg:#1e3826;--bs-btn-active-border-color:#1e3826}
.btn-outline-primary{--bs-btn-color:#2e5339;--bs-btn-border-color:#2e5339;--bs-btn-hover-bg:#2e5339;--bs-btn-hover-border-color:#2e5339;--bs-btn-active-bg:#2e5339;--bs-btn-active-border-color:#2e5339}
.bg-brand-dark{background-color:var(--brand-dark)!important}
.bg-brand-soft{background-color:var(--brand-soft)!important}
.text-accent{color:var(--brand-accent)!important}

/* 区块标题：报刊题头式的双横线，跟站 1 竖杠、站 9 下划线、站 3 方块、站 6 § 号都不同 */
.sec-title{font-family:var(--brand-serif);font-size:1.26rem;font-weight:700;margin:0;padding-bottom:.3rem;border-bottom:3px double var(--bs-primary);display:inline-block}

.thumb-16x9{background:var(--bs-tertiary-bg);overflow:hidden}
.thumb-16x9 img{width:100%;height:100%;object-fit:cover}

.navbar .nav-link{font-weight:600}
.navbar .nav-link.active{color:var(--bs-primary)!important;box-shadow:inset 0 -3px 0 var(--brand-accent)}

/* ③ 招牌模組：政策更新時間軸（Bootstrap 无对应组件）
   横向月份轨道 + 下方展开面板；节点只是本页锚点，点击由 site.js 接管，
   不会连去 /date/ 这类静态站不存在的路径 */
.tl-rail{display:flex;gap:0;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--bs-border-color)}
.tl-node{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .85rem .6rem;text-decoration:none;color:inherit;position:relative;border-bottom:3px solid transparent}
.tl-node::before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:var(--bs-border-color);border:2px solid #fff}
.tl-node:hover{color:var(--bs-primary);text-decoration:none}
.tl-node:hover::before{background:var(--bs-primary)}
.tl-node.active{color:var(--brand-accent);border-bottom-color:var(--brand-accent)}
.tl-node.active::before{background:var(--brand-accent)}
.tl-ym{font-size:.82rem;font-weight:700}
.tl-n{font-size:.7rem;color:var(--bs-tertiary-color)}
.tl-node.active .tl-n{color:var(--brand-accent)}

.tl-item{border-bottom:1px solid var(--bs-border-color)}
.tl-item:last-child{border-bottom:0}
.tl-item>a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem .1rem;text-decoration:none;color:inherit}
.tl-item>a:hover{color:var(--bs-primary);text-decoration:none;background:var(--bs-tertiary-bg)}
.tl-item-title{flex:1 1 auto;font-size:.98rem;line-height:1.55}
.tl-item-meta{flex:0 0 auto;font-family:var(--brand-mono);font-size:.72rem;color:var(--bs-tertiary-color);display:flex;gap:.6rem}

/* ② 正文排版：Bootstrap 不提供 prose，文章正文由 CMS 输出裸标签，这段必须自己写 */
.article-body{line-height:1.95}
.article-body h2{font-family:var(--brand-serif);font-size:1.28rem;margin:2.1rem 0 .9rem;padding-bottom:.3rem;border-bottom:2px solid var(--bs-primary)}
.article-body h3{font-family:var(--brand-serif);font-size:1.08rem;margin:1.6rem 0 .7rem;color:var(--brand-dark)}
.article-body p{margin:0 0 1.1rem}
.article-body ul,.article-body ol{margin:0 0 1.1rem;padding-left:1.4rem}
.article-body li{margin-bottom:.45rem}
.article-body img{max-width:100%;height:auto;margin:.6rem 0}
.article-body blockquote{margin:1.2rem 0;padding:.8rem 1rem;background:var(--brand-accent-soft);border-left:4px solid var(--brand-accent)}
.article-body a{text-decoration:underline}
/* 政策要點表／資助金額表是本站的必备结构，给足存在感 */
.article-body .table>thead th{background:var(--brand-soft);white-space:nowrap;font-weight:700}
.article-body .table td,.article-body .table th{vertical-align:middle}
.article-body .table tbody tr:first-child td{background:#fff}

.article-body h2[id],.article-body h3[id],[id^="sec-"]{scroll-margin-top:78px}