/* Material Symbols — self-host subset（T7 字體瘦身，2026-07-11）
 *
 * 原本 9 個 template 各自 link 去 fonts.googleapis.com 嘅 variable-axis
 * wildcard，拉成一隻 3.08MB woff2（99% 都係用唔到嘅 glyph）。呢度改成
 * self-host subset：只含 codebase 實際掃到嘅 icon（Rounded 69 隻 / Outlined
 * 30 隻），axis spec 同原本一模一樣（Rounded opsz,wght,FILL,GRAD@20..48,
 * 300..700,0..1,0；Outlined wght,FILL@100..700,0..1），淨係 glyph 數目減，
 * variable 行為零改變。font-family 名保持原樣，其餘 CSS 一行都唔使改。
 *
 * ⚠ 快取鐵律：
 *   1. 呢個 CSS 檔已加入 _asset_version()（routes.py）嘅 hash 清單，改咗即
 *      cache-bust（同 2026-07-08 舊 CSS 凍 4 個鐘嗰單一樣把關）。
 *   2. woff2 檔名帶內容 hash（*.<hash>.woff2）。日後改 icon 清單 → 重新
 *      subset → 新 woff2 hash → 新檔名 → 呢個 CSS 文字變 → asset_v 變 →
 *      連 woff2 都逼 re-fetch，唔會食舊字體出豆腐格。換 icon 時要一齊
 *      更新下面 src 檔名。
 *
 * font-display:block —— icon font 標準做法，避免未載入前閃 ligature 原文
 * （例如「settings」字樣）。subset 得幾十 KB + same-origin，實際上即載。
 */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 300 700;
  font-display: block;
  src: url(/static/fonts/material_symbols_rounded.19a5d1cb.woff2) format('woff2');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/static/fonts/material_symbols_outlined.a24837c3.woff2) format('woff2');
}

/* ⚠ 2026-07-11 live regression fix：原本 Google Fonts <link> 除咗 @font-face
 * 仲提供 `.material-symbols-outlined { font-family … }` utility rule；eda6583
 * 抽走條 link 淨係搬咗 @font-face，漏咗呢條 utility——desktop 全部
 * `.material-symbols-outlined` icon 跌返 body font（Public Sans）render 成
 * ligature 原文（「visibility」「lock」…）。mobile `.ms` 喺 v5.css 有 font-family
 * 唔受影響。fidelity harness 自己 inject 字體 CSS，量唔到呢個 live-only gap
 * （見 verify_desktop_icon_glyphs.py）。呢度補返標準 utility（等同原 Google CSS），
 * font-size／display 交返 mock 各自 utility 覆蓋（specificity 較高）。 */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}