body {
    font-family: system-ui, -apple-system, sans-serif;
}

[x-cloak] {
    display: none !important;
}

/* Riserva sempre lo spazio della scrollbar verticale del contenuto
   principale, anche quando non serve: altrimenti il contenuto centrato
   (mx-auto) "salta" a sinistra ogni volta che compare la scrollbar. */
main {
    scrollbar-gutter: stable;
}

/* Striscia dei microfoni nel player Confronta (microfoni.html): scorre in
   orizzontale quando sono tanti, ma senza la scrollbar nativa — con la barra
   fissa in basso una scrollbar lì sembra un errore di layout più che uno
   scorrimento voluto. Le frecce a lato (vedi scrollChipsConfronto()) bastano
   come indizio che si può scorrere. */
.chips-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.chips-scroll::-webkit-scrollbar {
    display: none;
}