.article-newsletter{--newsletter-ink:var(--text-1,var(--ink,#27242a));--newsletter-muted:var(--text-2,var(--ink-soft,#56515a));--newsletter-accent:var(--color-primary,var(--plum,#321d40));--newsletter-rule:var(--border-subtle,var(--rule,#c8c3ba));border-block-start:var(--border,1px) solid var(--newsletter-rule);color:var(--newsletter-ink);font-family:var(--font-sans,system-ui, sans-serif);margin-block-start:clamp(2.5rem,7vw,4rem);padding-block-start:clamp(1.5rem,4vw,2.25rem)}.article-newsletter .article-newsletter-kicker{color:var(--newsletter-muted);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600;line-height:1.5}.article-newsletter .article-newsletter-title{color:var(--newsletter-ink);font-family:var(--font-display,var(--font-serif,var(--font-sans)));letter-spacing:-.025em;text-wrap:balance;margin:.6rem 0 0;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:700;line-height:1.15}.article-newsletter .article-newsletter-copy{color:var(--newsletter-muted);text-wrap:pretty;margin:.85rem 0 0;font-size:1rem;line-height:1.65}.article-newsletter-form{margin-block-start:1.3rem}.article-newsletter-form label{margin-block-end:.45rem;font-size:.85rem;font-weight:650;display:block}.article-newsletter-controls{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.article-newsletter-controls input,.article-newsletter-controls button{box-sizing:border-box;min-inline-size:0;min-block-size:max(2.9rem, var(--size-field,2.9rem));border:var(--border,1px) solid var(--newsletter-rule);border-radius:var(--radius-field,.3rem);font:inherit;padding:.75rem 1rem;font-size:1rem;line-height:1.25}.article-newsletter-controls input{background:var(--surface-1,var(--surface,#fffefa));inline-size:100%;color:var(--newsletter-ink)}.article-newsletter-controls input::placeholder{color:var(--text-muted,var(--ink-faint,#706a71));opacity:1}.article-newsletter-controls button{border-color:var(--newsletter-accent);background:var(--newsletter-accent);color:var(--color-primary-content,#fffefa);cursor:pointer;font-weight:650}.article-newsletter-controls button:hover{filter:brightness(1.06)}.article-newsletter :is(input,button,a):focus-visible{outline:2px solid var(--focus-ring,var(--cyan,#006787));outline-offset:3px}.article-newsletter .article-newsletter-privacy{color:var(--newsletter-muted);margin:.7rem 0 0;font-size:.75rem;line-height:1.6}.article-newsletter a,.article-newsletter a:visited{color:var(--newsletter-ink);text-underline-offset:.2em;text-decoration:underline}.article-newsletter a:hover{color:var(--newsletter-accent)}.article-newsletter .article-newsletter-about{margin-block-start:.8rem;font-size:.85rem;display:inline-block}.article-newsletter a.article-newsletter-signup-link{border:var(--border,1px) solid var(--newsletter-accent);border-radius:var(--radius-field,.3rem);background:var(--newsletter-accent);color:var(--color-primary-content,#fffefa);margin-block-start:1.3rem;padding:.75rem 1rem;font-size:1rem;font-weight:650;text-decoration:none;display:inline-block}@media (width<=32rem){.article-newsletter-controls{grid-template-columns:minmax(0,1fr)}}