.bulle-extensible {
    border-style: solid;
    border-width: 37px;
    border-image-source: url('../img/quest.webp');
    border-image-slice: 37 37 37 37 fill;
    border-image-repeat: stretch;
    
    display: flex; /* On passe en flex standard */
    flex-direction: column;
    align-items: center;
    
    padding: 5px;
    font-family: 'Averia Serif Libre', serif;
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5));
    
    /* On utilise auto pour centrer, mais avec un décalage à gauche pour la sidebar */
    margin-top: 40px;
    margin-left: 50px; 
    margin-right: auto;
    
    box-sizing: border-box; /* Crucial pour pas que ça dépasse */
}

/* Le titre en haut (Jaune et plus grand) */
.bulle-titre {
    color: #fde08d;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
    
    /* --- LE HACK POUR REMONTER --- */
    margin-top: -25px; /* On remonte le titre vers la bordure dorée */
    margin-bottom: 15px; /* On garde un peu d'espace avec le texte du dessous */
    
    /* Optionnel : pour être sûr qu'il passe au-dessus de la bordure */
    position: relative; 
    z-index: 2;
}

/* Le contenu (Blanc et plus petit) */
.bulle-contenu {
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
    line-height: 1.4;
}