/* Le pagine legali (informativa e condizioni): un documento da leggere, non
 * una vetrina. Una colonna sola, larga quanto una riga che l'occhio regge, e
 * niente altro attorno. Stanno qui e non dentro le pagine perche' la CSP non
 * lascia passare stili in linea (`style-src 'self'`). */
.foglio{max-width:64ch;margin:0 auto;padding:clamp(40px,8vw,88px) clamp(18px,5vw,32px) 96px;
  color:var(--luna);background:var(--noche);min-height:100vh}
.foglio h1{font:400 clamp(32px,5vw,44px)/1.1 var(--titolo);margin:0 0 8px}
.foglio h2{font:400 clamp(21px,3vw,26px)/1.25 var(--titolo);margin:44px 0 10px}
.foglio h3{font:600 16px var(--corpo);margin:26px 0 6px;letter-spacing:.01em}
.foglio p,.foglio li{font:400 16px/1.65 var(--corpo);color:rgba(247,247,245,.82)}
.foglio li{margin:.3em 0}
.foglio ul{padding-left:1.1em}
.foglio code{font:500 13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  background:rgba(247,247,245,.08);padding:.12em .38em;border-radius:5px}
.foglio strong{color:var(--luna)}
.foglio a{color:var(--luna);text-decoration:underline;text-underline-offset:3px}
.foglio hr{border:0;border-top:1px solid rgba(247,247,245,.14);margin:40px 0}
.foglio table{width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto}
.foglio th{border-bottom:1px solid rgba(247,247,245,.25);padding:9px 12px 9px 0;text-align:left;
  font:600 13px/1.4 var(--corpo);letter-spacing:.02em;color:rgba(247,247,245,.6);vertical-align:bottom}
.foglio td{border-top:1px solid rgba(247,247,245,.12);padding:9px 12px 9px 0;
  font:400 15px/1.55 var(--corpo);color:rgba(247,247,245,.82);vertical-align:top}
.cima{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-bottom:28px}
.foglio .torna,.foglio .cambia,.foglio .cambia a{font:600 13px var(--corpo);
  color:rgba(247,247,245,.6);text-decoration:none}
.foglio .torna:hover,.foglio .cambia a:hover{color:var(--luna)}
/* Il bottone dell'email: sembra un link, perche' e' quello che fa. */
.foglio .correo{font:600 15px var(--corpo);color:var(--luna);background:transparent;
  border:1px solid rgba(247,247,245,.35);border-radius:999px;padding:5px 14px;cursor:pointer}
.foglio .correo:hover{border-color:var(--luna)}