/**
 * lucalevi.com — le pagine di solo testo (per ora: l'informativa privacy).
 *
 * Una colonna sola, larga da leggere e non di piu'. Carica dopo styles.css e
 * ne usa i token.
 */

.prosa-pagina { padding-block: 3.5rem 5rem; }
@media (min-width: 1024px) { .prosa-pagina { padding-block: 5rem 7rem; } }

.prosa { max-width: 68ch; }

.prosa-h1 {
  margin-top: 1rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1;
  letter-spacing: -0.03em;
}

.prosa-data {
  margin-top: 1.25rem;
  font-size: 0.8125rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.prosa h2 {
  margin-top: 3rem;
  font-size: clamp(1.25rem, 2.4vw, 1.625rem);
  line-height: 1.2;
}
.prosa h2 + p { margin-top: 1rem; }

.prosa p {
  margin-top: 1.25rem;
  font-size: clamp(1rem, 1.1vw, 1.0625rem);
  line-height: 1.7;
  color: hsl(var(--muted-foreground));
}
.prosa ul {
  margin-top: 1rem;
  padding-left: 1.25rem;
  list-style: disc;
  font-size: clamp(1rem, 1.1vw, 1.0625rem);
  line-height: 1.7;
  color: hsl(var(--muted-foreground));
}
.prosa li + li { margin-top: 0.5rem; }
.prosa li::marker { color: hsl(var(--foreground)); }
.prosa p strong, .prosa li strong { color: hsl(var(--foreground)); font-weight: 500; }
.prosa p a, .prosa li a { color: hsl(var(--foreground)); }

/* Il primo paragrafo dopo la data fa da sommario: sta un gradino piu' su. */
.prosa-data + p {
  margin-top: 2rem;
  font-size: clamp(1.0625rem, 1.3vw, 1.1875rem);
  color: hsl(var(--foreground));
}

.prosa-fine {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid hsl(var(--hairline));
}

/* Quattro lingue invece di due: gli stessi bottoni, un po' piu' stretti, se
   no a 390 px l'interruttore si mangia il menu. */
.lang-switch-quattro button { padding-inline: 0.35rem; letter-spacing: 0.1em; }
.lang-switch-quattro .lang-sep { margin-inline: 0.125rem; }