/* Conteneur pour l'animation SVG unifiée */
.comment-distribution-svg-container {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style pour le SVG lui-même pour assurer la responsivité */
.comment-distribution-svg-container svg {
    width: 100%;
    height: auto;
    max-width: 280px; /* Limite la taille maximale pour la cohérence */
}

/* Style pour les branches de l'arbre (appliqué au <g> via CSS) */
.tree-branches line {
    stroke: #E9E7FF; /* Violet clair du projet */
    stroke-width: 3px;
}

/* Style pour les ronds à la fin des branches */
.branch-end {
    fill: #7C89FF; /* Couleur violet-bleu de la palette */
}

/* Style pour les légendes sous les carrés */
.pub-label {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    fill: #7C89FF; /* Violet-bleu de la palette */
    text-anchor: middle; /* Centre le texte horizontalement */
    font-style: italic;
}