/* Foglio unico per le due pagine del sito. Nessun carattere da scaricare:
   una pagina che deve dire «niente esce dal tuo telefono» non va a chiedere
   un font a Google mentre la leggi. */
:root { color-scheme: light dark; --testo:#1a1a20; --fondo:#fff; --tenue:#6b6b78; --accento:#6528d9; }
@media (prefers-color-scheme: dark) {
  :root { --testo:#e8e8ee; --fondo:#101014; --tenue:#9a9aa6; --accento:#a78bfa; }
}
body {
  margin: 0 auto; padding: 2rem 1.25rem 4rem; max-width: 46rem;
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--testo); background: var(--fondo);
}
h1 { font-size: 1.9rem; margin-bottom: .25rem; }
h2 { font-size: 1.15rem; margin-top: 2.2rem; }
p.data, p.sotto { color: var(--tenue); margin-top: 0; }
p.sotto { font-size: 1.1rem; }
ul { padding-left: 1.2rem; }
a { color: var(--accento); }
code { background: rgba(128,128,140,.16); padding: .1em .35em; border-radius: .25em; }
.passi { list-style: none; padding: 0; }
.passi li { margin: .9rem 0; padding-left: 2.2rem; position: relative; }
.passi b { display: block; }
.passi li::before {
  content: counter(passo); counter-increment: passo;
  position: absolute; left: 0; top: .1rem;
  width: 1.5rem; height: 1.5rem; border-radius: 50%;
  background: var(--accento); color: #fff;
  font-size: .85rem; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.passi { counter-reset: passo; }
footer { margin-top: 3rem; padding-top: 1.2rem; border-top: 1px solid rgba(128,128,140,.3); color: var(--tenue); font-size: .9rem; }