/* live-mirror cascade order - generated

   The template's theme/dist/style.css is wrapped in `@layer template`
   (see that file's header). This declares the order so the live site's
   Tailwind layers outrank it inside the mirrored sections, matching how
   the real site cascades.

   Unlayered CSS still beats every layer, so the remaining inline <style>
   blocks in <head> continue to style the header / hero / As Seen On / TV
   sections above the mirror boundary. That is intended. */

@layer template, theme, base, components, utilities;

/* Root sizing for mirrored content.
   The template sets body{font-size:1.125rem} (18px); the live site has no
   such rule and resolves to 16px. Elements with a Tailwind font-size utility
   are already correct via the layer order above, but ones that merely inherit
   (e.g. .cwu-blog__post-title) need the root size asserted to match live. */
#steps,
#fresh-start,
#blockquote,
#about,
#benefits,
#reviews,
#compare,
#faq,
#sell-today,
#cwu-blog,
#cwu-footer,
.cwu-benefits,
.cwu-homepage-cities {
  font-size: 16px;
  line-height: 1.5;
}