/* Loads MudBlazor's stylesheet into a named cascade layer.

   MudBlazor.min.css is unlayered and contains a universal reset
   (*{margin:0;padding:0;border-width:0}) plus !important spacing utilities that
   share names with Tailwind's (.mt-6 etc.). Unlayered CSS beats @layer CSS no
   matter the specificity, so it was silently killing every Tailwind margin/border
   utility outside Mud's own 0-16 scale (mb-24 section gaps, -mt/-mx hero bleeds,
   .card-surface borders, ...).

   Importing it into layer `mud`, ordered BELOW components/utilities, fixes that
   globally while keeping Mud above Tailwind's preflight (base) so Mud components
   still style themselves correctly.

   Layer order is fixed by the FIRST @layer statement the browser parses, so this
   file must be <link>ed BEFORE css/sarx.css (which declares
   `theme, base, components, utilities` without `mud`). */
@layer theme, base, mud, components, utilities;
/* The defanged copy (generated by the DefangMudCss msbuild target) additionally strips
   !important from Mud's margin/padding utilities (.mt-6, .px-5, ... 0-20 scale): layered
   or not, !important spacing would still beat Tailwind's responsive variants like sm:px-8.
   Values match Tailwind's 4px grid, so Mud components render identically. */
@import url('/css/mudblazor.defanged.min.css') layer(mud);