/* Modulo di iscrizione a Euribor Weekly: usato in home e in «Euribor oggi».
   Le pagine lo richiamano come newsletter.css?v=2026-10-08b (e newsletter.js con lo stesso ?v=).
   Dopo ogni modifica, cambiare ?v= in index.html e in strumenti/euribor_oggi.py,
   altrimenti chi ha già visitato il sito continua a usare la copia vecchia per ore. */
.nl { margin-top: 28px; padding: 18px 20px; background: var(--pannello); border: 1px solid var(--linea); border-radius: 14px; }
.nl h2 { margin-top: 0; }
.nl__form { display: grid; grid-template-columns: 1fr 1fr 1.6fr auto; gap: 10px; align-items: end; }
.nl p + .nl__form { margin-top: 14px; }
.nl__form label { display: block; font-size: 12px; color: var(--nebbia); }
.nl__nota, .nl__esito { grid-column: 1 / -1; }
.nl__form input { display: block; width: 100%; margin-top: 3px; padding: 8px 10px; font: inherit; font-size: 15px; line-height: 1.3; color: var(--gesso); background: var(--ardesia); border: 1px solid var(--linea); border-radius: 8px; }
.nl__form input:focus-visible, .nl__form button:focus-visible { outline: 2px solid var(--ambra); outline-offset: 2px; }
.nl__form button { padding: 8px 20px; font: inherit; font-size: 15px; line-height: 1.3; font-weight: 600; color: var(--ardesia); background: var(--ambra); border: 1px solid var(--ambra); border-radius: 8px; cursor: pointer; white-space: nowrap; }
.nl__form button:disabled { opacity: .6; cursor: default; }
.nl__nota { font-size: 12.5px; line-height: 1.5; color: var(--nebbia); }
.nl__nota a { color: var(--nebbia); border-bottom: 1px solid var(--linea); text-decoration: none; }
.nl__esito { font-weight: 600; }
@media (max-width: 760px) {
  .nl__form { grid-template-columns: 1fr 1fr; }
  .nl__form label.larga { grid-column: 1 / -1; }
  .nl__form button { justify-self: start; }
}