/* Shared by the Thought Leadership hub, Newsletter Issue Detail, and Article Detail (docs/PLAN.md
   §12/§22) — ported from the prototype's own components/newsletter-signup.css, unchanged.
   Newsletter Archive has its own compact, left-aligned subscribe form, not this component.
   Background and padding stay page/template-specific since each one sits on a different color.
   Used by the "Newsletter Signup Section" pattern (patterns/newsletter-signup-section.php),
   wrapping tt360/ghl-form in the real .newsletter-signup/.subscribe-form markup instead of
   plain core/heading + core/paragraph, so it actually gets this component's own type/spacing. */
.newsletter-signup {
    text-align: center;
}

.newsletter-signup .heading {
    margin: 0;
    font-size: 48px;
    line-height: 1.08;
    letter-spacing: -0.96px;
}

.newsletter-signup .intro {
    margin: 16px 0 0;
    font-size: 16px;
}

/* .ghl-form--inline sizing for this component's centered layout. The iframe's own display/
   border/radius rules live in components/ghl-form.css, shared across every GHL embed. */
.newsletter-signup .ghl-form--inline {
    max-width: 560px;
    margin: 32px auto 0;
}

/* sm */
@media (max-width: 575.98px) {
    .newsletter-signup .heading {
        font-size: 30px;
    }
}