/* Stile delle pagine lunghe (Privacy, Termini): stesso cielo e stesso oro dell'app, testo grande e leggibile. */
:root {
  --sfondo: #000;
  --sfondo-alto: #0e1633;
  --bordo: #2c303b;
  --testo: #fff;
  --corpo: rgba(255, 255, 255, 0.9);
  --secondario: rgba(235, 235, 245, 0.72);
  --accento: #e6cc94;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: linear-gradient(180deg, var(--sfondo-alto) 0, var(--sfondo) 420px) no-repeat, var(--sfondo);
  color: var(--corpo);
  font: 18px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 48px; }
.indietro { margin: 0 0 28px; font-size: 16px; }
.indietro a { text-decoration: none; }
h1 { color: var(--testo); font-size: 34px; line-height: 1.2; margin: 0 0 6px; }
.data { color: var(--secondario); font-size: 16px; margin: 0 0 28px; }
h2 { color: var(--testo); font-size: 22px; line-height: 1.3; margin: 40px 0 12px; }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 8px; }
strong { color: var(--testo); font-weight: 600; }
a { color: var(--accento); }
a:focus-visible { outline: 3px solid var(--accento); outline-offset: 3px; }
footer {
  margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--bordo);
  font-size: 16px; text-align: center;
}
footer a { margin: 0 10px; }
@media (max-width: 420px) {
  h1 { font-size: 30px; }
}