/*!
 * Material Icons / Material Symbols — 本站自行架設版本
 * 授權：Apache License 2.0（Google Fonts）
 *
 * 【為什麼不直接連 fonts.googleapis.com】
 * 弱點掃描報告（2026-07-31）指出外部資源缺少 Sub Resource Integrity。
 * Google Fonts 的 CSS 會依照瀏覽器 User-Agent 回傳不同內容（woff2／woff／ttf），
 * 因此無法釘上固定的 integrity 雜湊值 —— 釘了就會在部分瀏覽器直接載入失敗。
 * 改成自行架設是唯一能同時滿足 SRI 與跨瀏覽器的做法，順帶也讓 CSP 少開兩個網域。
 *
 * 【字型檔內容】
 * - material-icons.woff2            完整字集，對應 .material-icons
 * - material-icons-outlined.woff2   完整字集，對應 .material-icons-outlined
 * - material-symbols-outlined.woff2 「只含本站用到的四個圖示」的子集：
 *                                   close, open_in_new, pause_circle, play_circle
 *
 * 【要新增 Material Symbols 圖示時，務必先更新字型子集】
 * 完整的 Material Symbols 可變字型約 3.9 MB，只為四個圖示收進版控並不划算，
 * 所以這裡放的是子集檔。子集裡沒有的圖示不會顯示，也不會報錯，只會是一塊空白。
 * 新增圖示請把名稱補進下列網址的 icon_names（逗號分隔，維持字母排序），
 * 下載回傳 CSS 中的 woff2 覆蓋 fonts/material-symbols-outlined.woff2：
 *
 *   https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=close,open_in_new,pause_circle,play_circle
 *
 * 取得 CSS 時請帶現代瀏覽器的 User-Agent，否則 Google 會回傳舊格式字型。
 *
 * 原始來源（2026-09-15 擷取）：
 *   Material Icons            v145
 *   Material Icons Outlined   v110
 *   Material Symbols Outlined v372
 *
 * 註：原本掛在版面上的 Round / Sharp / Two Tone 三套字重全站皆未使用，已一併移除。
 */

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/material-icons.woff2") format("woff2");
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/material-icons-outlined.woff2") format("woff2");
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("fonts/material-symbols-outlined.woff2") format("woff2");
}

.material-icons,
.material-icons-outlined,
.material-symbols-outlined {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
}