/* =============================================================================
   Alabama Signature Homes — blog/show
   =============================================================================

   A blog post, app/views/blog/show.html.php — one view for all 17 posts, so
   this one file dresses every one of them.

   The post bodies carry no classes of their own; their headings, lists and
   paragraphs are styled by the .blog-content descendant rules, which stay in
   main.css components as CLAUDE.md describes them.

   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 {
  .post-article {
    color: var(--clr-neutral-100);
  }

  .blog-content {
    margin-block-end: var(--space-2xl);
  }
}