/* 1433 HR – påmelding til nyhetsbrevet.
   Brukes under artiklene, under verktøyene og på /nyhetsbrev.
   Markup: .nb.dark med .nb-text og form.nb-form. Oppførsel i /nyhetsbrev-skjema.js,
   som sender til /api/nyhetsbrev (Netlify-funksjon mot Brevo, dobbel bekreftelse). */

.nb-section{padding:56px 0}
.nb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:start;padding:40px;border-radius:24px;background:var(--ink);color:var(--on-d);border:1px solid var(--line-d)}
.nb .eyebrow{color:var(--lamp);margin-bottom:12px}
.nb h2{margin:0 0 14px;font-family:var(--display);font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.02em;color:var(--on-d)}
.nb-text p{margin:0;color:var(--on-d2);font-size:17px;line-height:1.6}
.nb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.nb-form .full{grid-column:1/-1}
.nb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.nb-field label{margin:0;font-size:14px;line-height:1.4;font-weight:500;color:var(--on-d2)}
.nb-field label span{font-weight:400;color:var(--on-d3)}
.nb-form input:not([type="range"]):not([type="checkbox"]):not([type="radio"]){background:var(--ink2);border-color:var(--line-d2);color:var(--on-d)}
.nb-form input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):focus{border-color:var(--lamp)}
.nb-form ::placeholder{color:var(--on-d3)}
.nb-form .btn{justify-self:start}
.nb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nb-small{grid-column:1/-1;margin:2px 0 0;font-size:14px;line-height:1.6;color:var(--on-d3)}
.nb-small a{color:var(--on-d2);text-decoration:underline}
.nb-status{grid-column:1/-1;margin:0;font-size:15px;line-height:1.6;color:var(--on-d2)}
.nb-status:empty{display:none}
.nb-status.is-error{color:var(--lamp)}
.nb-done{padding:22px 24px;border-radius:16px;background:var(--ink2);border:1px solid var(--line-d)}
.nb-done strong{display:block;margin-bottom:6px;font-family:var(--display);font-size:20px;color:var(--on-d)}
.nb-done p{margin:0;color:var(--on-d2);font-size:16px;line-height:1.6}
.nb-form[aria-busy="true"] .btn{opacity:.7;pointer-events:none}

/* I artikler: litt luft mot teksten over */
.article .nb{margin:48px 0 8px}

@media (max-width:900px){
  .nb{grid-template-columns:1fr;gap:24px;padding:28px 22px}
  .nb-section{padding:40px 0}
}
@media (max-width:560px){
  .nb-form{grid-template-columns:1fr}
  .nb-form .btn{justify-self:stretch;width:100%}
}