/* Foglio di stile delle pagine legali. Stessa tavolozza della landing:
   i colori vivono in index.html dentro :root, qui sono ripetuti perché
   queste pagine non caricano quel foglio. Chi cambia la tavolozza tocca
   due posti — è il prezzo di avere una pagina sola senza build. */
:root{
  --carta:#FAFAF6;
  --inchiostro:#141B2E;
  --inchiostro-70:#3C4560;
  --penna:#2244E0;
  --linea:#E3E2DA;
  --bianco:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Instrument Sans',sans-serif;
  background:var(--carta);color:var(--inchiostro);
  font-size:16.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 26px}
header.topbar{border-bottom:1px solid var(--linea);background:var(--bianco)}
header.topbar .wrap{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding-top:20px;padding-bottom:20px;
}
.logo{
  font-family:'Archivo',sans-serif;font-weight:900;font-size:1.3rem;
  letter-spacing:-0.03em;text-decoration:none;color:var(--inchiostro);
}
.logo span{color:var(--penna)}
.torna{font-size:.9rem;color:var(--inchiostro-70);text-decoration:none}
.torna:hover{color:var(--penna)}
main{padding:64px 0 80px}
.occhiello{
  font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--penna);
}
h1{
  font-family:'Archivo',sans-serif;font-size:2.4rem;font-weight:800;
  letter-spacing:-0.02em;line-height:1.1;margin-top:14px;
}
.aggiornato{
  font-family:'IBM Plex Mono',monospace;font-size:.8rem;
  color:var(--inchiostro-70);margin-top:14px;
}
h2{
  font-family:'Archivo',sans-serif;font-size:1.22rem;font-weight:800;
  letter-spacing:-0.01em;margin-top:44px;
}
p,ul{margin-top:14px}
ul{padding-left:20px}
li{margin-top:8px}
li::marker{color:var(--penna)}
a{color:var(--penna)}
.riquadro{
  background:var(--bianco);border:1px solid var(--linea);border-radius:14px;
  padding:24px 26px;margin-top:22px;
}
.riquadro h2{margin-top:0}
footer{border-top:1px solid var(--linea);margin-top:70px;background:var(--bianco)}
footer .wrap{
  padding-top:26px;padding-bottom:26px;
  font-family:'IBM Plex Mono',monospace;font-size:.78rem;
  color:var(--inchiostro-70);display:flex;flex-direction:column;gap:6px;
}
@media(max-width:560px){
  h1{font-size:1.9rem}
  main{padding:44px 0 56px}
}

/* Marchio Hey Sara (14/09/2026). Le pagine legali non hanno <style> in linea:
   senza queste regole l'SVG del marchio finirebbe a schermo grezzo, senza
   piastrella e a dimensione di default. Il gradiente sta sul contenitore per
   non avere id SVG duplicati. */
.logo{display:inline-flex;align-items:center;gap:.55rem}
.marchio{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:linear-gradient(140deg,#7850FF,#2244E0);flex:0 0 auto}
.marchio svg{width:30px;height:30px;display:block}