/* legale: lo stile che nell'HTML originale stava dentro la pagina */
.legale{max-width:74ch}
  .legale h2{font-size:23px;margin-top:52px;padding-top:26px;border-top:1px solid var(--linea)}
  .legale h3{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
             color:var(--grigio2);margin-top:30px;font-weight:400}
  .legale p{margin-top:14px;line-height:1.72;color:var(--grigio)}
  .legale p b,.legale p strong{color:var(--inchiostro)}
  .legale ul{margin:14px 0 0;padding-left:20px;color:var(--grigio);line-height:1.72}
  .legale li{margin-top:9px}
  .legale dl{margin:18px 0 0;border-top:1px solid var(--linea)}
  .legale dt{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
             color:var(--grigio2);padding-top:18px}
  .legale dd{margin:8px 0 0;padding-bottom:18px;border-bottom:1px solid var(--linea);
             color:var(--inchiostro);line-height:1.66}
  .rilievo{background:#fff;border:1px solid var(--linea);border-left:3px solid var(--oro-vivo);
           padding:20px 24px;margin-top:26px}
  .rilievo p{margin-top:0}
  .rilievo p + p{margin-top:12px}
  .aggiornata{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
              color:var(--grigio2);margin-top:56px;padding-top:20px;border-top:1px solid var(--linea)}
  /* IL RIQUADRO DA TOGLIERE PRIMA DI PUBBLICARE: deve dare fastidio, se no
     resta lì per sempre e il sito pubblica un'informativa incompleta. */
  .da-completare{background:#FBF3DF;border:1px solid var(--oro-vivo);padding:22px 24px;margin:30px 0 0}
  .da-completare .et{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.18em;
                     text-transform:uppercase;color:#8A6410;font-weight:700}
  .da-completare p{color:#4A3A12;margin-top:10px}
  .da-completare ul{color:#4A3A12;margin-top:10px}