/* Uses the shared masthead and editorial palette without a separate navigation. */
.newsletter-page{min-height:100vh;display:flex;flex-direction:column}
.newsletter-main{width:100%;flex:1;padding:64px 28px 76px}
.newsletter-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center;padding-bottom:64px}
.newsletter-copy{max-width:640px}
.newsletter-copy h1{font:400 clamp(38px,4.2vw,62px)/1.13 var(--serif);letter-spacing:-1.5px;margin:0 0 24px}
.newsletter-period{color:var(--sage)}
.newsletter-lede{font:21px/1.6 var(--serif);color:#59564d;max-width:490px;margin:0 0 24px}
.newsletter-main a{color:var(--rust-dark);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.newsletter-main a:hover{text-decoration-color:currentColor}
.newsletter-main a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}
.newsletter-signup{border:1px solid var(--line);padding:28px 22px 18px;background:#fffdf8;min-width:0}
.newsletter-signup h2{font:400 28px/1.25 var(--serif);margin:0 0 8px;text-align:center}
.newsletter-signup>p{margin:0 0 6px;text-align:center;color:#59564d}
.newsletter-signup .newsletter-fallback{margin:12px 0 0;font:13px/1.6 var(--sans)}
.newsletter-stories{border-top:1px solid var(--line);padding-top:30px}
.newsletter-stories-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.newsletter-stories h2{font:400 32px/1.2 var(--serif);margin:0}
.newsletter-archive{font-size:15px}
.newsletter-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.newsletter-post{display:flex;flex-direction:column;min-width:0;border-top:2px solid var(--rust);padding-top:18px}
.newsletter-post h3{font:400 27px/1.2 var(--serif);margin:20px 0 12px}
.newsletter-post p{font:17px/1.65 var(--serif);color:#59564d;margin:0 0 24px}
.newsletter-read{margin-top:auto;font:14px/1.5 var(--serif)}
@media(max-width:1000px){.newsletter-intro{gap:32px}.newsletter-signup{padding:24px 14px 16px}.newsletter-copy h1{font-size:44px}}
@media(max-width:760px){.newsletter-main{padding:32px 17px 48px}.newsletter-intro{grid-template-columns:1fr;gap:28px;padding-bottom:38px}.newsletter-copy h1{font-size:clamp(36px,8vw,52px)}.newsletter-lede{font-size:19px}.newsletter-signup{max-width:520px;width:100%;margin:auto}.newsletter-posts{grid-template-columns:1fr;gap:30px}.newsletter-stories-heading{align-items:start;flex-wrap:wrap;gap:12px}.newsletter-stories h2{font-size:28px}.newsletter-post h3{margin-top:14px}.newsletter-post p{margin-bottom:16px}}
.newsletter-form{display:grid;gap:12px;margin:28px 0 18px}
.newsletter-form label{font:15px/1.5 var(--sans);color:var(--ink)}
.newsletter-form input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);border-radius:0;padding:14px 12px;background:#fff;font:16px/1.4 var(--sans);color:var(--ink)}
.newsletter-form button{padding:14px;border:1px solid var(--rust-dark);background:var(--rust-dark);color:#fff;font:16px/1.4 var(--sans);cursor:pointer}
.newsletter-form button:hover{background:var(--rust)}
.newsletter-form input:focus-visible,.newsletter-form button:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.newsletter-feed-status{font:16px/1.6 var(--serif);color:var(--muted);margin:22px 0}
.newsletter-posts{margin-top:28px}
.newsletter-post time{font:13px/1.5 var(--sans);color:var(--muted)}
.newsletter-post h3,.newsletter-post p{overflow-wrap:anywhere}