/* Nieuwsbrief-formulier, gedeeld door hoofdpagina, steunpagina en /nieuwsbrief/. Leunt op de tokens van de pagina. */
.nb-form{margin-top:1.4rem;max-width:34rem}
.nb-label{display:block;font-weight:600;margin-bottom:.45rem}
.nb-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:stretch}
.nb-row input{
  flex:1 1 15rem;min-width:0;font:500 1.05rem "Spline Sans",sans-serif;color:var(--ink);
  background:var(--white);border:var(--b);padding:.8rem .9rem;box-shadow:4px 4px 0 var(--shadow-c);border-radius:0
}
.nb-row input::placeholder{color:#8a7d69}
.nb-row input:focus{outline:3px solid var(--coral);outline-offset:3px}
.nb-row input[aria-invalid="true"]{border-color:var(--coral-deep)}
.nb-row .btn{flex:none;justify-content:center}
.nb-row .btn[disabled]{opacity:.6;cursor:wait;transform:none}
.nb-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nb-msg{margin:.9rem 0 0;font-weight:500;min-height:0}
.nb-msg:empty{display:none}
.nb-msg.ok{background:var(--white);border:var(--b);border-left-width:10px;border-left-color:var(--teal-deep);padding:.8rem 1rem;box-shadow:4px 4px 0 var(--shadow-c);color:var(--ink)}
.nb-msg.err{color:var(--coral-deep)}
.nb-fine{font-size:.88rem;margin:.8rem 0 0;opacity:.85}
.nb-form.done .nb-row,.nb-form.done .nb-label{display:none}