.newsletter-body{max-width:var(--width-content)}.newsletter-form{gap:var(--space-xs);max-width:420px;margin-top:var(--space-md);display:flex}.newsletter-input{padding:var(--space-xs) 12px;font-family:var(--font-mono);font-size:var(--type-sm);background:var(--color-warm-paper);border:1px solid var(--color-divider);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-default);border-radius:4px;flex:1}.newsletter-input::placeholder{color:var(--color-muted)}.newsletter-input:focus{border-color:var(--color-primary);outline:none}.newsletter-button{padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--type-sm);background:var(--color-forest);color:var(--color-parchment);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-press) var(--ease-out);border:none;border-radius:4px;font-weight:600}.newsletter-button:active{transform:scale(var(--scale-press))}@media (hover:hover) and (pointer:fine){.newsletter-button:hover{background:var(--color-evergreen)}}.newsletter-button:disabled{opacity:.6;cursor:not-allowed}.newsletter-success{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--type-sm);color:var(--color-forest)}.newsletter-error{font-size:var(--type-sm);color:var(--color-ember);margin-top:var(--space-xs)}
