/* ===========================================================
   Newsletter (08/10/2026): il riquadro di iscrizione negli articoli ([[newsletter:slug]])
   e le pagine di /newsletter.php. Si appoggia alle variabili di lp/assets/lp.css, con riserva.
   Ha la versione nel link (articolo-inizio.php e newsletter.php): toccandolo va alzata lì.
   =========================================================== */
.nl-box{
  max-width:72ch;margin:40px auto;padding:26px 24px;border-radius:16px;
  background:linear-gradient(160deg, rgba(140,92,221,.20), rgba(1,94,130,.16));
  border:1px solid rgba(158,117,226,.45);
}
.nl-box__occhiello{margin:0 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary-testo, #9E75E2);}
html:not(.no-retro) .nl-box__occhiello{font-family:'JetBrains Mono', ui-monospace, monospace;}
html:not(.no-retro) .nl-box__occhiello::before{content:"// ";}
.nl-box .nl-box__titolo{margin:0 0 10px;font-size:1.35rem;line-height:1.3;color:var(--text, #fff);}
.nl-box__regalo{margin:0 0 16px;color:var(--text-muted, rgba(255,255,255,.66));font-size:1rem;line-height:1.6;}
.nl-box__form{margin:0;}
.nl-box__etichetta{display:block;font-size:.86rem;font-weight:700;margin-bottom:7px;color:var(--text, #fff);}
.nl-box__riga{display:flex;flex-wrap:wrap;gap:10px;}
.nl-box__riga input{
  flex:1 1 230px;min-width:0;padding:14px 15px;border-radius:12px;font:inherit;font-size:1rem;
  background:rgba(22,22,24,.75);color:var(--text, #fff);border:1px solid rgba(255,255,255,.28);
}
.nl-box__riga input:focus{outline:none;border-color:var(--secondary, #8C5CDD);}
.nl-box__btn{
  flex:0 0 auto;padding:14px 20px;border-radius:12px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:.98rem;
  background:var(--secondary, #8C5CDD);color:#fff;
}
.nl-box__btn:hover{filter:brightness(1.12);}
.nl-box .nl-box__nota{margin:14px 0 0;font-size:.82rem;line-height:1.55;color:var(--text-muted, rgba(255,255,255,.66));}
.nl-box__nota a{color:var(--text, #fff);}
/* campo trappola per i robot: fuori schermo, non display:none (alcuni lo saltano) */
.nl-box__trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0;}
@media (max-width:520px){.nl-box{padding:22px 18px;}.nl-box__btn{flex:1 1 100%;}}

/* pagine di /newsletter.php */
.nl-pagina .nl-box{margin-top:0;}
.nl-azione{margin:22px 0 8px;}
.nl-aiuto{color:var(--text-muted, rgba(255,255,255,.66));font-size:.95rem;max-width:60ch;}