/* L'iframe carica il CV, che e' un documento chiaro: non farlo ereditare il dark. */
iframe {
  color-scheme: light;
  border: 0;
}

/* Sotto i 1420px la chat non sta piu' accanto al foglio. Invece di lasciarla
   in fondo alla pagina, sotto un A4 alto piu' di mille pixel (dove nessuno
   scrollerebbe fino a trovarla), esce dal flusso: resta la barra fissa in
   fondo, e da li' la chat si apre a tutto schermo. Stessa soglia
   dell'affiancamento, cosi' i layout sono due e non tre. */
@media (max-width: 1419px) {
  #chat-panel {
    display: none;
  }

  /* `dvh` e non `vh`: su mobile la barra degli indirizzi e la tastiera
     rimpiccioliscono la finestra visibile mentre `vh` resta quella grande,
     e il fondo del pannello — cioe' proprio il campo di testo — finirebbe
     fuori schermo. Dove c'e' `visualViewport` lo script stringe ancora. */
  body.chat-overlay #chat-panel {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  /* Con la chat aperta il CV sotto non deve scorrere. */
  body.chat-overlay {
    overflow: hidden;
  }

  /* La barra e' l'ingresso: a chat aperta non serve piu'. */
  body.chat-overlay #chat-bar {
    display: none;
  }
}