/* Newsletter visibility, October 2026. Existing form layout and mobile rules retained. */
.newsletter-invitation{font-size:1rem;line-height:1.6;margin:12px 0 22px;color:#344d43}
.newsletter-invitation a{font-weight:750;text-decoration:underline;text-underline-offset:3px;color:#15543e}
#newsletter,#newsletter-footer{scroll-margin-top:150px}
.homepage-newsletter-card{border:2px solid #76a995!important;background:#edf7f1!important;box-shadow:0 5px 18px rgba(29,81,66,.07)}
[data-guide-newsletter]{margin:28px 0!important;padding:0!important}
[data-guide-newsletter]>.container{width:100%;max-width:none;padding:0}
[data-guide-newsletter] .homepage-newsletter-card{display:block;padding:24px}
[data-guide-newsletter] .homepage-newsletter-copy{margin-bottom:16px}
[data-guide-newsletter] .homepage-newsletter-copy h2{margin-top:0;font-size:1.4rem}
[data-guide-newsletter] .homepage-newsletter-copy p{margin-bottom:0}
[data-guide-newsletter] .homepage-mailerlite-form{max-width:100%}
@media(max-width:620px){[data-guide-newsletter] .homepage-newsletter-card{padding:20px}.newsletter-invitation{margin-bottom:16px}}

/* Actual signup form above the fold: upper right desktop, first in mobile hero. */
.home-hero .hero-layout{grid-template-areas:"copy signup" "copy photo";grid-template-rows:auto auto;align-items:start;column-gap:44px;row-gap:22px}
.home-hero .hero-copy{grid-area:copy}
.home-hero .hero-media{grid-area:photo;min-height:280px;height:280px}
.home-hero .hero-media-frame{min-height:280px;height:280px}
.home-hero .hero-newsletter{grid-area:signup;padding:0;margin:0;min-width:0}
.hero-newsletter>.container{width:100%;max-width:none;padding:0}
.hero-newsletter .homepage-newsletter-card{display:block;padding:22px}
.hero-newsletter .homepage-newsletter-copy h2{font-size:23px;line-height:1.2;margin:0 0 9px}
.hero-newsletter .homepage-newsletter-copy p{font-size:14px;line-height:1.45;margin:0 0 15px}
.hero-newsletter .homepage-mailerlite-form .ml-block-form{grid-template-columns:1fr}
.hero-newsletter .homepage-mailerlite-form button.primary{width:100%}
@media(max-width:840px){
 .home-hero{padding-top:16px}
 .home-hero .hero-layout{grid-template-columns:1fr;grid-template-areas:"signup" "copy" "photo";gap:24px}
 .hero-newsletter .homepage-newsletter-card{padding:18px}
 .hero-newsletter .homepage-newsletter-copy h2{font-size:21px}
 .hero-newsletter .homepage-newsletter-copy p{font-size:13px;margin-bottom:12px}
}