/* === Privacy Page === */
/* Nessun padding-top dedicato: lo spazio sotto l'header fisso lo dà gia'
   main { padding-top: var(--header-height) }, e la spaziatura della sezione
   quella comune di .section. Il vecchio 6rem sommava una seconda volta
   l'altezza dell'header e lasciava un vuoto di 114px su mobile. */

.privacy-container {
    max-width: 800px;
    margin: 0 auto;
}

.privacy-card {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.privacy-card h2 {
    font-size: var(--fs-xl);
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

/* Il margine superiore serve a staccare un capitolo dal precedente: sul primo
   si somma al padding della card e raddoppia lo stacco in cima. */
.privacy-card h2:first-child {
    margin-top: 0;
}

.privacy-card h3 {
    font-size: var(--fs-md);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.privacy-card ul {
    margin-left: 2rem;
    margin-bottom: 1rem;
}

/* width <= 480px: sotto questa soglia style.css porta .section-title (l'h1 di
   questa pagina) a --fs-xl. Con gli h2 fermi allo stesso token, titolo pagina e
   titoli di capitolo risultavano identici: qui gli h2 scendono di un gradino e
   la scala torna 21 / 17.5 / 15.4 px per h1 / h2 / h3. */
@media (max-width: 480px) {
    .privacy-card h2 {
        font-size: var(--fs-lg);
    }
}