/**
 * Section: cta_band — page-context overrides.
 * (Base cta-band styles live in theme/css/lnp.css.)
 */

/* Type-case consistency: lnp.css force-uppercases the cta-band heading, but the
   brand direction (see brand-restyle.css) and the other section headings on
   section-driven pages are sentence case. Match them here. Scoped to .lnp-page
   (section-driven template only) so other pages' CTA bands are untouched. */
.lnp-site .lnp-page .lnp-section-cta-band__heading {
    text-transform: none;
}

/* Width consistency: lnp.css caps the cta-band content at 1100px, but the
   newsletter and form sections use 1290px, so left edges don't line up down
   the page. Match them here (section-driven pages only). */
.lnp-site .lnp-page .lnp-section-cta-band__inner {
    max-width: 1290px;
}

/* Side image on the left: the base --has-image layout is content-left /
   media-right (flex row); reverse it when the image is set to the left.
   Desktop only (min-width 901px) — below that the base --has-image rule
   stacks to a single column, and this must NOT override it (otherwise the
   image + text stay side-by-side and the text is crushed on mobile). */
@media (min-width: 901px) {
    .lnp-site .lnp-section-cta-band--media-left .lnp-section-cta-band__inner {
        flex-direction: row-reverse;
    }
}