/* =============================================================================
   Alabama Signature Homes — services/roofing
   =============================================================================

   The roofing service page, app/views/services/roofing.html.php — the one
   service with FAQs and the Related Articles sidebar (layouts/sidebar).

   Loaded alongside services/_service_page.css, which it shares with the
   generic service template.

   Same house rules as main.css — no nesting, flat selectors, media queries
   inside the layer that owns them. Everything is wrapped in @layer: an
   unlayered rule would outrank even the utilities layer.
   ========================================================================== */

@layer pages {
  .roofing-answer {
    border-inline-start: var(--size-rule) solid var(--clr-primary-400);
    padding-inline-start: var(--space-xs);
    margin-block-start: var(--space-xs);
  }
}