.nl {
    background: var(--color-accent-highlight);
    /*background: var(--color-accent);*/
    padding: var(--space-2);
    margin: var(--space-8);
    border-radius: var(--radius-lg);
    /*outline: var(--color-accent-complementary) solid 5px;*/
    outline: black solid 5px;
}
.nl__title { margin:0 0 .25rem; font-size:1.25rem; }
.nl__desc { margin:0 0 .75rem; color:#455; }

.nl__field { display:flex; flex-direction:column; gap:.25rem; margin:.75rem 0; }
.nl__field input[type="text"],
.nl__field input[type="email"] {
    padding:.625rem .75rem; border:1px solid var(--color-bg); border-radius:10px; font:inherit;
}
.nl__field input:focus { outline:2px solid #3b6ab6; outline-offset:2px; border-color:#3b6ab6; }

.nl__help { font-size:.875rem; color: var(--color-nav); }
.nl__error { min-height:1.25rem; color: var(--color-error); font-size:.9rem; }

.nl__consent { display:flex; gap:.5rem; align-items:flex-start; margin:.5rem 0 1rem; }
.nl__muted { color: var(--color-accent-contrast); font-weight:400; }

.btn.btn--primary { background:#3b6ab6; color:#fff; border:0; padding:.7rem 1rem; border-radius:999px; font-weight:700; cursor:pointer; }
.btn.btn--primary:disabled { opacity:.6; cursor:not-allowed; }

.nl__hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }