/* Pagine di testo di Filò (privacy, termini): leggibili, sobrie, stesso marchio */
html { height: auto; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', system-ui, sans-serif;
  font-size: 17px; line-height: 1.55;
  background: #F6F3EE; color: var(--inchiostro);
  padding: 0 max(16px, env(safe-area-inset-right, 0px)) 48px max(16px, env(safe-area-inset-left, 0px));
}
.testata {
  max-width: 680px; margin: 0 auto; padding: calc(16px + env(safe-area-inset-top, 0px)) 0 10px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.testata a.marchio { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; font-family: var(--font-titoli); font-weight: 700; font-size: 21px; padding: 8px 14px 8px 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px #E8E2D8; }   /* 0.9.49: «Filò» come è inciso sul Filò stampato (Grandstander 700) */
.testata a.marchio .freccia { width: 20px; height: 20px; color: var(--grafite); }
.testata a.marchio:active { background: var(--panna-scura); }
.testata a.marchio svg { width: 34px; height: auto; }
.testata .altra { font-size: 14px; font-weight: 600; color: var(--cielo); text-decoration: none; }
.faccia-marchio .tondo-cielo { fill: #3F86CC; }   /* 0.9.54: Filò sul suo cielo, la faccia di luce */
.faccia-marchio .occhio { fill: #FFFFFF; }
.faccia-marchio .sorriso { fill: none; stroke: #5FC9A0; stroke-width: 18; stroke-linecap: round; }

article {
  max-width: 680px; margin: 0 auto;
  background: #FFFFFF; border-radius: 16px; padding: 28px 24px 32px;
  box-shadow: 0 1px 2px rgba(43,47,51,.04), 0 0 0 1px #E8E2D8;
}
article h1 { font-size: 28px; line-height: 1.15; margin: 0 0 6px; letter-spacing: -.01em; text-wrap: balance; }
article .versione { color: var(--grafite); font-size: 14px; margin: 0 0 22px; }
article h2 { font-size: 19px; margin: 30px 0 8px; line-height: 1.25; }
article h3 { font-size: 16px; margin: 20px 0 6px; }
article p { margin: 0 0 12px; }
article ul { margin: 0 0 12px; padding-left: 22px; }
article li { margin: 4px 0; }
article table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 8px 0 16px; }
article th, article td { text-align: left; vertical-align: top; padding: 9px 8px; border-top: 1px solid #EEE9E1; }
article th { font-weight: 700; color: var(--grafite); font-size: 13.5px; }
article tr:first-child th { border-top: 0; }
article .riquadro { background: #FFF6E6; border-left: 4px solid var(--sole); border-radius: 10px; padding: 12px 14px; margin: 14px 0; }
article .riquadro p:last-child { margin: 0; }
article a { color: var(--cielo); }
article .indice { font-size: 15px; columns: 2; column-gap: 24px; padding-left: 20px; }
article .indice li { break-inside: avoid; }
@media (max-width: 520px) { article { padding: 22px 16px 26px; } article .indice { columns: 1; } article h1 { font-size: 24px; } }
.piede { max-width: 680px; margin: 18px auto 0; font-size: 13px; color: var(--grafite); text-align: center; }
@media print { body { background: #fff; } article { box-shadow: none; } .testata, .piede { display: none; } }