/* Self-hosted Material Symbols Outlined.
 *
 * Replaces the cross-border Google Fonts CDN load. The original variable
 * font is ~3.9 MB; this is the static (fixed-axis) cut at ~400 KB, which
 * is fine because src/index.css only ever instances at one fixed point
 * (FILL=0, wght=400, GRAD=0, opsz=20).
 *
 * Sourced from fonts.gstatic.com on 2026-04-25 via Google Fonts' static
 * CSS endpoint. Re-fetch when the design wants new glyph coverage.
 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/material-symbols-outlined.woff') format('woff');
}

/* Class definition mirrors the upstream Google Fonts payload. Without
 * `font-family` on the class the @font-face is registered but unused;
 * without `font-feature-settings: 'liga'` the font loads but ligature
 * substitution is off, so spans like <span>dashboard</span> render as
 * the literal text "dashboard" instead of the dashboard glyph. The
 * 2026-04-25 self-host deploy was missing both — this is the fix.
 */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}