@font-face { font-family: Archivo; src: url(/admin/fonts/Archivo-400.ttf); font-weight: 400; font-display: swap; }
@font-face { font-family: Archivo; src: url(/admin/fonts/Archivo-600.ttf); font-weight: 600; font-display: swap; }
@font-face { font-family: Archivo; src: url(/admin/fonts/Archivo-800.ttf); font-weight: 800; font-display: swap; }

/* Pagine pubbliche (privacy, termini): stessa identità dell'app, pensate per la lettura */
:root {
  --sfondo: #F4F5F2; --carta: #FFFFFF; --testo: #23272E; --secondario: #5E6570;
  --bordo: #E2E4DF; --accento: #1F5FAD;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sfondo: #14171C; --carta: #1B1F25; --testo: #E8EAEE; --secondario: #9DA4AF;
    --bordo: #2A2F37; --accento: #82A9E6;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--sfondo); color: var(--testo);
  font: 400 17px/1.65 Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.documento {
  max-width: 68ch; margin: 32px auto 64px; padding: 32px 24px;
  background: var(--carta); border: 1px solid var(--bordo); border-radius: 20px;
}
@media (max-width: 600px) {
  .documento { margin: 0; border: 0; border-radius: 0; padding: 24px 16px 48px; }
}
.marchio { margin: 0; font-weight: 800; font-size: 20px; letter-spacing: -0.3px; }
h1 { font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -0.5px; margin: 8px 0 4px; }
h2 { font-size: 20px; font-weight: 800; margin: 32px 0 8px; }
h3 { font-size: 17px; font-weight: 600; margin: 20px 0 4px; }
.aggiornamento { color: var(--secondario); font-size: 15px; margin: 0 0 20px; }
/* il primo blocco citato ("> In breve: …") è il riassunto */
blockquote {
  background: var(--sfondo); border-radius: 14px; padding: 14px 16px; margin: 0 0 8px;
}
blockquote p { margin: 0; }
blockquote p + p { margin-top: 8px; }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
a { color: var(--accento); text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--accento); outline-offset: 2px; border-radius: 3px; }
code { font-size: 15px; background: var(--sfondo); border-radius: 6px; padding: 1px 5px; }
.altri { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--bordo); }

/* marchio: logo (chiaro o scuro secondo il tema del sistema) + nome */
.marchio { display: flex; align-items: center; gap: 10px; }
.logo, .logo img { display: block; flex: none; }