.phcla-help-container { 
    max-width: 800px; 
    margin: 2rem auto; 
    background: #fff; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
    overflow: hidden; /* Important pour les coins arrondis */
}
.phcla-help-tabs { 
    display: flex; 
    flex-wrap: wrap; /* [CORRECTION] Permet aux onglets de passer à la ligne */
    border-bottom: 1px solid #ddd; 
    background: #f9f9f9;
}
.phcla-tab-link { 
    padding: 15px 20px; 
    cursor: pointer; 
    background: transparent; /* Fond transparent pour le conteneur */
    border: none; 
    /* border-right: 1px solid #ddd; [SUPPRIMÉ] On retire la bordure pour un meilleur affichage sur plusieurs lignes */
    border-bottom: 3px solid transparent; /* Bordure de base pour l'état inactif */
    font-size: 14px; /* Un peu plus petit pour mieux s'adapter */
    font-weight: 500; 
    color: #555; 
    transition: all 0.2s; 
    flex-grow: 1; /* Permet aux onglets de partager l'espace équitablement */
    text-align: center;
}
.phcla-tab-link:hover { 
    background: #f0f0f0; 
    color: #333;
}
.phcla-tab-link.active { 
    background: #fff; 
    color: #2ecc71; 
    border-bottom-color: #2ecc71; /* Utiliser la bordure du bas pour l'indicateur actif */
}
.phcla-tab-content { 
    display: none; 
    padding: 25px; 
    line-height: 1.7; 
    animation: fadeIn 0.3s;
}
.phcla-tab-content.active { 
    display: block; 
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


.phcla-tab-content h2 { margin-top: 0; color: #333; }
.phcla-tab-content h3 { color: #27ae60; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-top: 25px; }
.phcla-tab-content ul, .phcla-tab-content ol { padding-left: 20px; }
.phcla-tab-content li { margin-bottom: 10px; }

.phcla-tab-link:last-child { border-right: none; }