/* A tiny, deliberately unbundled wrapper so Font Awesome's own CSS participates in the same native CSS
   cascade-layer system Tailwind v4 uses, instead of staying unlayered.
   Per the CSS Cascade Layers spec, an UNLAYERED stylesheet always beats every layered one in the normal
   (non-!important) cascade, regardless of selector specificity or <link> source order — so loading the
   self-hosted Font Awesome Pro CSS as a plain <link> (its own file has no @layer at all) let it silently
   win over any Tailwind utility applied to the same element. Confirmed directly on the live site: the
   theme-toggle button's sun/moon icons both rendered at once, stacked, because Font Awesome's own unlayered
   `.fa-solid{display:...}` base rule was beating Tailwind's layered `hidden` utility on the sun icon.
   This file is linked before resources/css/app.css in every layout (never bundled through Vite — a plain
   `@import url(...)` of an absolute site-root path can't be resolved as a local build-time file, which is
   exactly why it lives here as its own static file instead of inside app.css), so "vendor" becomes the
   very first — lowest-priority — named layer on the page; Tailwind's own theme/base/components/utilities
   layers are declared after it (inside its own build), so every Tailwind utility keeps winning. */
@import url('/vendor/fontawesome/css/all.min.css') layer(vendor);