.newsletter-page { --newsletter-line: rgba(200, 208, 226, .16); }
.newsletter-page .page-hero { padding-bottom: clamp(40px, 6vw, 72px); }
.newsletter-page .page-hero-inner { max-width: 900px; }
.newsletter-page h1 { max-width: 16ch; font-size: clamp(2.5rem, 5vw, 4.5rem); text-wrap: balance; }
.newsletter-page h2 { text-wrap: balance; }
.newsletter-page p { max-width: 68ch; color: var(--muted, #c8d0e2); line-height: 1.7; text-wrap: pretty; }
.newsletter-page .page-hero h2 { margin: 28px 0 12px; font-size: 1.5rem; }
.newsletter-page .page-hero p + p { margin-top: 16px; }
.newsletter-breadcrumb { display: flex; gap: 12px; align-items: center; margin: 0 0 32px; color: #c8d0e2; font-size: .875rem; }
.newsletter-breadcrumb a, .newsletter-jump { display: inline-flex; align-items: center; min-height: 44px; }
.newsletter-benefits { padding-left: 22px; margin: 24px 0 12px; max-width: 64ch; }
.newsletter-benefits li { padding: 5px 0 5px 6px; color: #c8d0e2; line-height: 1.65; }
.newsletter-benefits li::marker { color: #20c8a2; }
.newsletter-jump { gap: 12px; }
.newsletter-schedule-inner { display: grid; grid-template-columns: 1fr 1.4fr; gap: 40px; padding: 32px 0; border-block: 1px solid var(--newsletter-line); }
.newsletter-schedule h2 { margin: 0; max-width: 13ch; }
.newsletter-schedule p { margin: 0; }
.newsletter-section-head { margin-bottom: 28px; }
.newsletter-section-head p { margin-top: 12px; }
.newsletter-issue { display: flex; align-items: flex-start; gap: 20px; min-width: 0; padding: 24px 0; border-top: 1px solid var(--newsletter-line); color: inherit; text-decoration: none; }
.newsletter-issue img { width: 100px; height: 76px; flex: 0 0 auto; object-fit: cover; border-radius: 6px; }
.newsletter-issue-copy { min-width: 0; }
.newsletter-issue h3 { margin: 6px 0 10px; font-size: 1.125rem; line-height: 1.35; }
.newsletter-issue p { font-size: .9375rem; margin: 0 0 12px; }
.newsletter-issue-number { font: 500 .75rem var(--font-mono, monospace); color: #20c8a2; }
.newsletter-issue-meta { display: block; color: #c8d0e2; font-size: .8125rem; line-height: 1.6; }
.newsletter-issue-featured { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 48px); padding: 0; border: 1px solid var(--newsletter-line); border-radius: 16px; overflow: hidden; background: rgba(26, 32, 84, .22); align-items: center; }
.newsletter-issue-featured img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; border-radius: 0; }
.newsletter-issue-featured .newsletter-issue-copy { padding: 32px 32px 32px 0; }
.newsletter-issue-featured h3 { font-size: clamp(1.5rem, 2.3vw, 2rem); }
.newsletter-issue-featured p { font-size: 1rem; }
.newsletter-list-heading { margin: 48px 0 28px; font-size: clamp(1.5rem, 2.5vw, 2rem); }
.newsletter-issues { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.newsletter-signup-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 64px); padding: clamp(24px, 4vw, 48px); border: 1px solid rgba(32, 200, 162, .35); border-radius: 16px; background: rgba(26, 32, 84, .28); }
.newsletter-signup-panel h2 { margin: 0 0 16px; }
.newsletter-form { display: flex; flex-direction: column; align-items: stretch; }
.newsletter-form-state { min-width: 0; }
.newsletter-form label { display: block; font-weight: 600; margin-bottom: 10px; }
.newsletter-form input { width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid #8090a5; border-radius: 8px; background: #0e1216; color: #fff; font: inherit; }
.newsletter-form input[aria-invalid="true"] { border-color: #ffb5b5; }
.newsletter-error { color: #ffb5b5 !important; margin: 8px 0 0; font-size: .9375rem; }
.newsletter-error:empty { display: none; }
.newsletter-verification:not(:empty) { margin-top: 16px; }
.newsletter-form .btn { align-self: flex-start; min-height: 48px; margin-top: 20px; }
.newsletter-form .btn:disabled { opacity: .65; cursor: wait; }
.newsletter-consent { font-size: .8125rem; margin: 16px 0 0; }
.newsletter-success h3 { margin: 0 0 16px; font-size: 1.75rem; }
.newsletter-success p { overflow-wrap: anywhere; }
.newsletter-promise-inner { max-width: 740px; }
.newsletter-promise p { margin: 16px 0; }
.newsletter-promise .inline-link { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.newsletter-page :focus-visible { outline: 3px solid #20c8a2; outline-offset: 5px; }
.newsletter-issue h3 { transition: color .18s ease-out; }
.newsletter-issue:hover h3 { color: #20c8a2; }
#signup { scroll-margin-top: 110px; }
@media (max-width: 700px) {
  .newsletter-schedule-inner, .newsletter-issue-featured, .newsletter-signup-panel, .newsletter-issues { grid-template-columns: minmax(0, 1fr); }
  .newsletter-schedule-inner { gap: 16px; }
  .newsletter-schedule h2 { max-width: none; }
  .newsletter-issue-featured { gap: 0; }
  .newsletter-issue-featured img { min-height: 0; aspect-ratio: 3 / 2; }
  .newsletter-issue-featured .newsletter-issue-copy { padding: 24px; }
  .newsletter-issue:not(.newsletter-issue-featured) { gap: 14px; }
  .newsletter-issue:not(.newsletter-issue-featured) img { width: 72px; height: 60px; }
  .newsletter-form .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .newsletter-page *, .newsletter-page *::before, .newsletter-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
