.aidespeechbox {
  width: 100vw; /* prend toute la largeur visible de l’écran */
  margin: 30px 0 0; /* plus de auto pour que ça colle bien au viewport */
  padding: 20px;
  background: rgba(20, 20, 20, 0.85);
  border-top: 2px solid rgba(214, 134, 13, 0.6);;
  border-bottom: 2px solid rgba(214, 134, 13, 0.6);;
  border-left: none;
  border-right: none;
  border-radius: 0; /* plus de coins arrondis sur les côtés */
  color: rgba(255, 255, 255, 0.822);
  font-family: 'Share Tech Mono', monospace;
  font-size: 1.2em;
  text-align: center;
  box-shadow: 0 -5px 15px rgba(255, 180, 50, 0.3), inset 0 0 10px rgba(255, 140, 28, 0.3);
  margin-left: -0.9%;
  z-index: 2;

}

.aidespeechbox h2{
  margin-top:0;
}

.aidebox {
    background: rgba(0, 0, 0, 0.884);
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(255, 159, 28, 0.5);
    padding: 30px 20px;
    text-align: left;
    margin-bottom: 0; /* <-- coller en bas */
    font-family: 'Share Tech Mono', monospace;
   
    color: rgb(228, 226, 226);
    font-size: 1em;
}

@media (max-width: 992px) {
  .aidebox {
    width: 100%;
    border-radius: 0; 
    font-size: 0.7em;     /* plein écran sur mobile */
  }

   }