.NewsletterLayout { box-sizing: border-box; width: min(100%, 76rem); margin-inline: auto; padding: clamp(1.25rem, 5vw, 4rem); }
.NewsletterLayout h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.1; margin-block: 1.5rem; }
.NewsletterPanel { border: 1px solid currentColor; border-radius: .5rem; padding: clamp(1rem, 4vw, 2rem); max-width: 52rem; }
.NewsletterLayout p, .NewsletterConnection p { max-width: 74ch; line-height: 1.65; overflow-wrap: anywhere; }
.NewsletterLayout p { margin-block: 1rem; }
.NewsletterConnection { min-width: 0; text-align: left; }
.NewsletterConnection .NewsletterLink { display: inline-flex; align-items: center; min-height: 44px; gap: 1rem; margin-block: .75rem; }
.NewsletterPolicyLink, .NewsletterBack { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.NewsletterContinue { min-height: 44px; margin-block: .75rem; cursor: not-allowed; opacity: .65; white-space: normal; }
.NewsletterPage .policy-copy { max-width: 78ch; }
.NewsletterPage .policy-copy a { color: inherit; }
.NewsletterPage .policy-copy h2 { margin-block: 2.5rem 1rem; font-size: clamp(1.5rem, 4vw, 2rem); }
.NewsletterPage .policy-copy ul { padding-left: 1.5rem; }
.NewsletterPage .draft-notice { border: 2px solid currentColor; padding: 1rem; margin-block: 1.5rem 2.5rem; max-width: 74ch; }
.NewsletterPage .draft-notice p { margin-bottom: 0; }
.NewsletterPage a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (max-width: 500px) { .NewsletterConnection .NewsletterLink { width: 100%; justify-content: center; box-sizing: border-box; } }