/* Self-hosted Material Symbols Rounded - direct user report against
   a screenshot of the Overview page: "why are the icons broken?"

   Every page across the site was loading this icon font straight
   from Google Fonts (fonts.googleapis.com/css2?family=Material+
   Symbols+Rounded). When that request doesn't reach the browser -
   the network path to Google Fonts being blocked or unreachable is
   the most likely cause, though it can't be confirmed from this
   session - every icon renders as its raw ligature name
   ("dashboard", "fact_check", "storefront", ...) instead of a glyph,
   because neither the @font-face nor the .material-symbols-rounded
   utility class that Google's returned stylesheet would normally
   supply ever arrives; there's nothing else on the page to fall back
   to. Confirmed this is exactly what was happening: the app's own
   app.css already carried a redundant .material-symbols-rounded
   class rule (harmless while Google's own version loaded fine) that,
   with nothing supplying a working @font-face for that family name,
   would resolve to a bare font-family with no glyph data at all -
   the literal ligature text is the browser's normal fallback for
   exactly that situation.

   This file is the fix: it self-hosts the same font (removing the
   dependency on Google's CDN entirely, the same way the Outfit body
   font already is - see app.css) and bundles the same @font-face +
   utility class Google's own stylesheet used to provide, so any page
   that links this file instead works standalone, with or without
   app.css. Every page that used to link the Google Fonts URL above
   now links this file in its place - same class name, same visual
   result, no external request and no single point of failure. */
@font-face{
    font-family:'Material Symbols Rounded';
    src:url('/assets/fonts/material-symbols-rounded.woff2') format('woff2');
    font-weight:100 700; font-style:normal; font-display:block;
}
.material-symbols-rounded{
    font-family:'Material Symbols Rounded';
    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-smoothing:antialiased; text-rendering:optimizeLegibility;
    font-feature-settings:'liga';
}