/* Reset minimale e invarianti sicure */
*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* START: Base body defaults (keep minimal) */
body{
  /* Base tipografica globale (serve per metriche coerenti / “label look”) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Shorthand: imposta anche line-height globale (chiave per resa etichette) */
  font: 400 var(--ds-fs-body)/1.45 var(--ds-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial);
  color: var(--ds-c-text, #111);
  background: var(--ds-c-bg, #fff);

  overflow-x: hidden; /* mai scroll orizzontale */
}
/* END: Base body defaults (keep minimal) */

/* ⚠️ `height: auto` NON e' pignoleria: senza, un'immagine che porta gli
   attributi `width`/`height` (che si mettono per riservare lo spazio ed
   evitare il salto di layout) resta ALTA quanto dice l'attributo mentre la
   larghezza si stringe al contenitore ⇒ si schiaccia.
   Trovato il 02/09 (V-75, segnalazione di David «l'immagine Galileo e'
   sformata»): le tre foto di galileo.html sono 1:1 e venivano rese 481x1600,
   cioe' deformate del 70%. `object-fit` risultava `fill` — nessuno le stava
   ritagliando: le stava STIRANDO.
   🔑 E l'attributo era giusto: e' il reset che era incompleto. La coppia
   `max-width:100%` + `height:auto` va sempre insieme. */
img { max-width: 100%; height: auto; display: block; }