/* Footer email signup (server/views/layout.js, public/js/signup.js). */
.signup { margin-top: var(--s5); max-width: 420px; }
.signup__h { font: 600 12px/1 var(--f-body); letter-spacing: .18em; text-transform: uppercase; color: var(--green); margin-bottom: var(--s3); }
.signup__p { color: var(--muted); font-size: 14px; margin: 0 0 var(--s3); }
.signup__row { display: flex; gap: var(--s2); }
.signup__in { flex: 1; min-width: 0; background: var(--panel); border: 1px solid var(--line-2); color: var(--text); padding: 12px 14px; font: 15px var(--f-body); border-radius: var(--r); }
.signup__in:focus { outline: 2px solid var(--green); outline-offset: 1px; }
.signup__btn { white-space: nowrap; }
.signup__fine { color: var(--dim); font-size: 12px; line-height: 1.5; margin: var(--s2) 0 0; }
.signup__fine a { color: var(--muted); }
.signup__msg { min-height: 1.2em; font-size: 14px; margin: var(--s2) 0 0; color: var(--red); }
.signup__msg.is-ok { color: var(--green); }
.signup__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }