/* 智選中心 smartchoicehub.hk —— 品牌层（Bootstrap 5.3 之上的薄薄一层）
   角度：條件申請 / 語調：嚴謹條理 / 模板分組：Local Guide 實用指南
   主色：靛紫 #513a94 + 青碧 #16909a（自查入口高亮）
        —— 与站 1 墨青綠、站 9 磚紅、站 3 石板藍都不同
   字体：标题与正文同为襯線（Noto Serif HK），导航/表格/数字用无衬线 tabular
        —— 第 4 套组合：站 1 sans/sans、站 9 serif/sans、站 3 sans/serif、本站 serif/serif
        「公文感」正合条件申请这个角度
   规则：能用 Bootstrap 类解决的一律不写自定义样式；这里只放
        ① 品牌变量覆盖 ② Bootstrap 没有的正文排版(prose) ③ 資格自查入口专属组件 */

:root{
  --bs-primary:#513a94;
  --bs-primary-rgb:81,58,148;
  --brand-dark:#33235f;
  --brand-soft:#f1eefa;
  --brand-accent:#16909a;
  --brand-accent-soft:#e4f3f4;

  --bs-link-color:#513a94;
  --bs-link-color-rgb:81,58,148;
  --bs-link-hover-color:#33235f;
  --bs-link-hover-color-rgb:51,35,95;

  --bs-body-color:#23212b;
  --bs-body-color-rgb:35,33,43;
  --bs-secondary-color:rgba(35,33,43,.68);
  --bs-tertiary-color:rgba(35,33,43,.5);
  --bs-border-color:#e0dceb;
  --bs-tertiary-bg:#f7f6fb;
  --bs-border-radius:.25rem;
  --bs-border-radius-sm:.125rem;

  --bs-body-font-family:"Noto Serif HK","Source Han Serif HK","Songti TC","PMingLiU",Georgia,serif;
  --bs-body-font-size:1.02rem;
  --bs-body-line-height:1.95;
  --brand-sans:"Noto Sans HK","PingFang HK","Hiragino Sans CNS","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* 标题也走衬线（本站第 4 套组合的关键），只有导航/按钮/表格/小字用无衬线 */
h1,h2,h3,h4,h5,h6{font-family:var(--bs-body-font-family);font-weight:700;letter-spacing:0}
.navbar,.btn,.badge,.breadcrumb,.list-group,.card-footer,.small,small,table,.num{font-family:var(--brand-sans)}
.num,table td,table th{font-variant-numeric:tabular-nums}

.btn-primary{--bs-btn-bg:#513a94;--bs-btn-border-color:#513a94;--bs-btn-hover-bg:#33235f;--bs-btn-hover-border-color:#33235f;--bs-btn-active-bg:#33235f;--bs-btn-active-border-color:#33235f}
.btn-outline-primary{--bs-btn-color:#513a94;--bs-btn-border-color:#513a94;--bs-btn-hover-bg:#513a94;--bs-btn-hover-border-color:#513a94;--bs-btn-active-bg:#513a94;--bs-btn-active-border-color:#513a94}
.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 的方块都不同 */
.sec-title{font-size:1.26rem;font-weight:700;margin:0;display:flex;align-items:baseline;gap:.45rem}
.sec-title::before{content:"§";font-family:var(--brand-sans);font-size:1rem;color:var(--brand-accent);font-weight:700}

.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;font-family:var(--brand-sans)}
.navbar .nav-link.active{color:var(--bs-primary)!important;box-shadow:inset 0 -3px 0 var(--brand-accent)}

/* ③ 招牌模組：資格自查入口（Bootstrap 无对应组件）
   入口墙格子 + 下方展开面板；格子只是本页锚点，点击由 site.js 接管，
   不会连去 /tag/ 这类静态站不存在的路径 */
.eg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
@media (min-width:576px){.eg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:992px){.eg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.eg-cell{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;background:#fff;border:1px solid var(--bs-border-color);border-left:4px solid var(--bs-border-color);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.eg-cell:hover{border-color:var(--bs-primary);border-left-color:var(--brand-accent);box-shadow:0 .25rem .75rem rgba(51,35,95,.08);text-decoration:none;color:inherit}
.eg-cell.active{border-color:var(--bs-primary);border-left-color:var(--brand-accent);background:var(--brand-accent-soft)}
.eg-cell.eg-empty{opacity:.55}
.eg-name{font-weight:700;font-size:.98rem;line-height:1.4}
.eg-note{font-family:var(--brand-sans);font-size:.72rem;color:var(--bs-tertiary-color);line-height:1.4}
.eg-count{font-family:var(--brand-sans);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--brand-accent);font-weight:700;margin-top:.15rem}

.eg-item{display:block;height:100%;padding:.55rem .7rem;border-bottom:1px solid var(--bs-border-color);text-decoration:none;color:inherit}
.eg-item:hover{background:var(--bs-tertiary-bg);color:var(--bs-primary);text-decoration:none}
.eg-item-title{display:block;font-size:.96rem;line-height:1.55}
.eg-item-meta{font-family:var(--brand-sans);font-size:.72rem;color:var(--bs-tertiary-color);display:flex;justify-content:space-between;gap:.5rem;margin-top:.15rem}

/* ② 正文排版：Bootstrap 不提供 prose，文章正文由 CMS 输出裸标签，这段必须自己写 */
.article-body{line-height:2}
.article-body h2{font-size:1.3rem;margin:2.1rem 0 .9rem;padding:.4rem .8rem;background:var(--brand-soft);border-left:5px solid var(--bs-primary)}
.article-body h3{font-size:1.1rem;margin:1.6rem 0 .7rem;padding-left:.6rem;border-left:3px solid var(--brand-accent)}
.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}