<style>
    /* 1. Style des mots-clés */
    .keyword-link {
        /* Mots en bleu (couleur primaire de Bootstrap) */
        color: #0d6efd !important; 
        text-decoration: none; /* Enlève le soulignement par défaut */
        cursor: pointer;
        font-weight: 600; /* Pour les faire ressortir */
        padding-bottom: 2px;
        /* border-bottom: 2px solid transparent; /* Bordure transparente pour éviter le CLS */
        border-bottom: 2px solid ; /* Bordure transparente pour éviter le CLS */
        transition: border-bottom 0.5s ease-in-out;
    }

    /* 2. Style de surlignage au passage de la souris */
    .keyword-link:hover {
        /* Surlignage bleu lors du survol */
        border-bottom: 2px solid #0d6efd; 
        color: #0c5cdc !important; /* Légère variation de couleur au survol */
    }

    /* 3. Style personnalisé du Popover (Tooltip amélioré) */
    .docvitam-popover {
        /* Fond bleu foncé (comme une zone de dépôt) */
        --bs-popover-bg: #1f3750; /* Un bleu foncé/marine */
        --bs-popover-header-color: #0d6efd; /* Texte de l'entête en blanc */
        --bs-popover-body-color: #ffffff; /* Texte du corps en blanc */
        --bs-popover-arrow-color: #1f3750; /* Couleur de la flèche */
        --bs-popover-border-color: #1f3750;
        border: none;
        border-radius: 0.5rem;
        max-width: 300px;
    }

</style>