/* Newsletter landing page. Reuses the official reader's color tokens without affecting comic strips. */
.newsletter-page{max-width:1180px;margin:0 auto;padding:0 5vw 5rem}
.newsletter-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:clamp(1.5rem,6vw,5rem);align-items:center;padding:clamp(3rem,8vw,6.5rem) 0}
.newsletter-hero h1{font-size:clamp(2.5rem,6.5vw,5rem);line-height:1.05;letter-spacing:-.045em;max-width:730px;margin:.3rem 0 1.2rem}
.newsletter-lead{max-width:670px;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted)}
.newsletter-return{display:inline-block;margin-top:1.2rem;color:var(--cyan);font-weight:800;text-decoration:underline;text-underline-offset:.25rem}
.newsletter-signal{position:relative;display:flex;min-height:330px;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;overflow:hidden;border:1px solid rgba(125,211,252,.3);border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(125,211,252,.13),transparent 65%),var(--panel)}
.newsletter-signal>span:first-child{text-align:center;font-weight:900;font-size:clamp(3rem,7vw,5.5rem);line-height:.9;letter-spacing:-.08em;text-shadow:0 0 35px rgba(125,211,252,.3)}
.newsletter-signal-line{width:68%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.newsletter-signal small{color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.18em}
.newsletter-features{padding:2.5rem 0 4rem;border-top:1px solid var(--line)}
.newsletter-page h2{font-size:clamp(1.65rem,3.8vw,2.6rem);line-height:1.15;margin:.2rem 0 1.5rem}
.newsletter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.newsletter-grid article{padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:15px}
.newsletter-index{display:inline-block;color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.16em}
.newsletter-grid h3{font-size:1.15rem;margin:.7rem 0 .25rem}
.newsletter-grid p,.newsletter-muted{color:var(--muted);font-size:.96rem}
.newsletter-grid p{margin:.25rem 0 0}
.newsletter-subscribe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:center;padding:clamp(1.5rem,5vw,3rem);background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px}
.newsletter-subscribe h2{margin-bottom:.6rem}
.newsletter-form-preview label{display:block;font-weight:800;margin-bottom:.5rem}
.newsletter-form-row{display:flex;gap:.6rem}
.newsletter-form-row input{width:100%;min-width:0;min-height:48px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:.7rem .9rem;color:var(--text);font:inherit}
.newsletter-form-row button{border:0;border-radius:9px;background:var(--accent);color:#fff;font:inherit;font-weight:800;padding:.65rem 1.2rem;white-space:nowrap}
.newsletter-form-row input:disabled,.newsletter-form-row button:disabled{opacity:.62;cursor:not-allowed}
.newsletter-form-preview p{margin-bottom:0;line-height:1.55}
.newsletter-page a:focus-visible,.newsletter-page button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:760px){.newsletter-hero,.newsletter-subscribe{grid-template-columns:1fr}.newsletter-signal{min-height:220px}.newsletter-grid{grid-template-columns:1fr}.newsletter-features{padding-bottom:2.5rem}}
@media(max-width:600px){.site-header{flex-wrap:wrap;gap:.7rem}.site-header nav{gap:.7rem;flex-wrap:wrap}.site-header nav a{font-size:.88rem}}
@media(max-width:440px){.newsletter-form-row{flex-direction:column}.newsletter-form-row button{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.newsletter-signup-link{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}.newsletter-privacy{margin-top:1rem;color:var(--muted);font-size:.9rem}.newsletter-privacy summary{cursor:pointer;min-height:44px}.newsletter-privacy a{color:var(--cyan)}
.newsletter-embed{display:block;width:100%;height:600px;border:0;border-radius:12px;background:#fff}.newsletter-form-preview{min-width:0}.newsletter-signup-link{color:var(--cyan)}@media(max-width:480px){.newsletter-embed{height:700px}}