.mnl-form { max-width: 520px; margin: 1rem auto 0; text-align: left; }
.mnl-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.mnl-row input[type=email] { flex: 1 1 220px; min-width: 0; padding: .75rem 1rem; border-radius: 999px; border: 2px solid var(--sage, #8fae8b); font: inherit; background: #fff; color: inherit; }
.mnl-row input[type=email]:focus { outline: 3px solid var(--gold, #e8b64c); }
.mnl-btn { padding: .75rem 1.5rem; border: 0; border-radius: 999px; background: var(--gold, #e8b64c); color: var(--brown, #4a2f18); font: inherit; font-weight: 900; cursor: pointer; text-decoration: none; display: inline-block; }
.mnl-btn:hover, .mnl-btn:focus-visible { filter: brightness(.95); }
.mnl-btn[disabled] { opacity: .6; cursor: wait; }
.mnl-note { margin: .5rem 0 0; font-size: .85rem; text-align: center; opacity: .8; }
.mnl-msg { margin: .6rem 0 0; font-weight: 700; text-align: center; min-height: 1.2em; }
.mnl-msg.is-ok { color: var(--safe, #4f8a4b); }
.mnl-msg.is-error { color: var(--toxic, #b3392b); }
.mnl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.mnl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mnl-page { text-align: center; padding: 1rem 0 2rem; }