/* Footer service-areas links are orange inside white text: 2.14:1, and colour

















           is the only cue distinguishing them. Underline adds a non-colour cue so the

















           link is identifiable without relying on contrast alone (WCAG 1.4.1). */

















        p.service-areas a { text-decoration: underline; text-underline-offset: 2px; }

















        /* 24-hour emergency service. Real: the owner answers personally at any hour and

















           will come out. Call-outs carry a fee, and saying so up front is the point --

















           surprise after-hours pricing is what generates the review nobody recovers from. */

















        .emergency-line { color: #f2f2f2; font-size: 1.05rem; line-height: 1.6; margin: 0 0 16px 0; }

















        .emergency-line strong { color: var(--brand-orange); }

















        /* Underlined on purpose: an orange in-text link against white text is 2.14:1, so

















           colour alone cannot be the only cue (same WCAG 1.4.1 rule as the service-areas

















           link). Learned once today already -- do not repeat it here. */

















        .emergency-line a { color: var(--brand-orange); text-decoration: underline; text-underline-offset: 2px; }

















        .emergency-callout { border-left: 6px solid var(--brand-orange); background: rgba(255, 153, 0, 0.10);

















            padding: 18px 22px; margin: 1.8rem 0; font-size: 1.1rem; line-height: 1.65; color: #f2f2f2; }

















        .emergency-callout strong { color: var(--brand-orange); display: block; margin-bottom: 6px;

















            font-family: 'Oswald', 'Oswald Fallback', sans-serif; text-transform: uppercase;

















            font-size: 1.25rem; letter-spacing: 0.5px; }

















        /* `.service-list li` is `display: flex`, which turns each text run into an anonymous

















           flex item and DISCARDS the whitespace either side of them. The result is

















           "Burning smellsor visible smoke" on the emergency page and

















           "outdated brand:Federal Pacific" on panel-upgrades -- a pre-existing live bug on

















           the latter. A margin restores the visual space without disturbing the flex

















           alignment of the ::before checkmark. */

















        .service-list li strong { margin-right: 0.32em; }

















        /* In-text links in page content. Without this they fall back to the UA default

















           rgb(0,0,238) -- roughly 1.3:1 on the near-black background, and off-brand.

















           Underlined because colour alone cannot be the only distinction (WCAG 1.4.1). */

















        .content-link { color: var(--brand-orange); text-decoration: underline; text-underline-offset: 2px; }