/* ---------------------------------------------------------------------------
   Contrast fixes applied during the static export.

   These are NOT artifacts of the export -- the live WordPress site renders the
   identical colour values (verified against miguelsmobilemechanic.com). They
   come from the Frames/Bricks build: the global utility

       .fr-lede { color: var(--white); }

   is written for dark sections, but the same class is also used inside light
   sections, where the text becomes invisible. The feature grid has the mirror
   problem -- no colour rule at all, so it inherits black onto a dark red fill.

   Each selector below targets the section-specific BEM class rather than
   .fr-lede itself, so the utility keeps working correctly everywhere it is
   used over dark backgrounds and hero photography. Specificity is a single
   class (0,1,0), which beats the inherited .fr-lede rule at equal specificity
   by virtue of load order, and any per-element #brxe-id rule still wins.
--------------------------------------------------------------------------- */

/* 1. Testimonial section: white .fr-lede sitting on the white page background.
      This is the "Convenient Service / Fast Response Time / ..." bullet list. */
.fr-testimonial-section-juliet__lede,
.fr-testimonial-section-juliet__lede * {
	color: var(--body-color, #000);
}

/* 2. Intro section: white .fr-lede on a 40%-opacity light grey panel
      (renders ~#e6e6e6). 1.41:1 before, ~16:1 after. */
.fr-intro-alpha__lede,
.fr-intro-alpha__lede * {
	color: var(--body-color, #000);
}

/* 3. Feature grid: inherits black onto rgba(128,19,0,.9) dark red.
      Inverted to white -- 2.01:1 before, ~9:1 after. */
.fr-feature-grid-romeo__lede,
.fr-feature-grid-romeo__lede *,
.fr-feature-grid-romeo__accent-heading {
	color: var(--white, #fff);
}