/* Loaded via <link> in index.html. This file lives in public/, so Vite and the
   Tailwind v4 plugin never process it — that matters because Tailwind strips
   remote @import rules out of main.css in dev, which previously broke all icons.

   The @import pulls in Google's Material Symbols stylesheet (its @font-face plus
   the .material-symbols-outlined helper class, which defaults to font-size:24px)
   and wraps it in the lowest-priority `google-fonts` cascade layer. Because this
   link loads before main.css, `google-fonts` is registered as the first/lowest
   layer, so `font-size: inherit` (main.css @layer base) and any text-* utility
   (@layer utilities) win over the 24px default. */
@layer google-fonts;
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined") layer(google-fonts);