/* core/group, "Narrow Content" style (inc/narrow-content-block-style.php), ported from the
   prototype's .about-story-content/.about-how-we-build-content (html/assets/css/layout/
   about.css, byte-identical rules in both). Styled only through the block's own top-level
   wp-block-group class plus the registered is-style-narrow-content class, and the paragraphs
   actually inside it — confirmed on a real rendered page that this WordPress version renders a
   plain core/group's children as direct children, no .wp-block-group__inner-container wrapper,
   so a plain descendant/sibling selector reaches them directly, never anything deeper.

   margin: ... auto 0 centers the block itself; text-align: left keeps the paragraphs themselves
   left-aligned inside that centered column, matching the prototype's own "centered on the page,
   but left-aligned text" treatment on both of its real pages. The 55px top margin is this
   site's standing "space below a section heading" value, baked in here the same way it's baked
   into whatever follows .section-heading elsewhere, since every real use of this style so far
   sits right below one. */

.wp-block-group.is-style-narrow-content {
    max-width: 680px;
    margin: 55px auto 0;
    text-align: left;
}

.wp-block-group.is-style-narrow-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
}

.wp-block-group.is-style-narrow-content p + p {
    margin-top: 24px;
}

/* lg: the 680px cap is a desktop-only measure, full width from here down, matching the
   prototype exactly. */
@media (max-width: 991.98px) {
    .wp-block-group.is-style-narrow-content {
        max-width: 100%;
    }
}