/* swup-transition.css — nessuna dissolvenza: il cambio pagina è
   istantaneo (disattivato in js/swup-init.js, hook "visit:start" ->
   visit.animation.animate = false). Resta solo una piccola rete di
   sicurezza qui sotto. */

/* <body> non ha mai avuto un colore di sfondo tutto suo - lo sfondo
   scuro del sito (header, sezioni, ecc.) vive sempre dentro il
   contenuto della pagina (dentro #swup), mentre bootstrap.min.css
   imposta `body { background-color: #fff }` di default. Con il cambio
   pagina ora istantaneo questo non dovrebbe mai essere visibile, ma lo
   teniamo comunque impostato (stesso nero quasi puro già usato per
   l'header e le altre aree scure del sito, vedi .header e
   .contineer_page .header in style.css) come rete di sicurezza, nel
   caso di una connessione lenta o altri ritardi nel caricamento. */
html, body {
    background-color: #010101;
}

/* .swup-sr-announcer: regione invisibile ma raggiungibile dagli screen
   reader (role="status" + aria-live="polite" su questo stesso elemento in
   js/swup-init.js), usata per annunciare il titolo della nuova pagina ad
   ogni navigazione SPA - vedi il commento in cima a quella funzione in
   swup-init.js per il perché serve. Tecnica standard "visualmente
   nascosto ma presente per l'accessibilità" (le stesse regole usate da
   Bootstrap per la sua classe .sr-only): niente display:none/visibility:
   hidden, che gli screen reader ignorerebbero esattamente come fa il
   browser, ma un rettangolo di 1x1 pixel, ritagliato a zero e fuori dal
   flusso normale, invisibile a schermo senza mai togliere l'elemento
   dall'albero di accessibilità. */
.swup-sr-announcer {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}