/* Newsletter signup in the footer: shared by the landing page (landing/public/newsletter.css, a copy) and the new site. */
.nl { max-width: 520px; }
.nl h3 { margin: 0 0 4px; font-size: 17px; font-weight: 700; }
.nl p { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: var(--color-text, var(--text, #3d3d3d)); }
.nl-row { display: flex; flex-wrap: wrap; gap: 8px; }
.nl input[type="email"] { flex: 1 1 220px; min-height: 44px; padding: 0 14px; border: 1px solid #c8c8c8; border-radius: 22px; font: 16px inherit; font-family: inherit; background: #fff; color: inherit; }
.nl input[type="email"][aria-invalid="true"] { border-color: #c0182c; }
.nl button { min-height: 44px; padding: 0 20px; border: 0; border-radius: 22px; background: var(--color-ink, var(--ink, #111)); color: #fff; font: 500 15px inherit; font-family: inherit; cursor: pointer; }
.nl button[disabled] { opacity: .6; cursor: default; }
.nl-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.nl-msg { margin: 8px 0 0 !important; font-size: 14px !important; }
.nl-msg[data-kind="error"] { color: #c0182c !important; }
.nl-msg[data-kind="ok"] { color: #007a00 !important; }
.nl .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }