.google-audio-card {
    background: #f1f3f4;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    max-width: 600px; /* Largeur max */
    margin: 20px auto; /* Centré */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    font-family: sans-serif;
}

.g-audio-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #202124;
}

.g-icon {
    margin-right: 8px;
    font-size: 1.2em;
}

/* C'est ici que la magie opère */
.g-video-player-audio-style {
    width: 100%;
    height: 54px; /* Hauteur fixe pour ne montrer que la barre de contrôle */
    object-fit: cover; /* S'assure que ça ne déforme pas */
    border-radius: 8px;
    background-color: transparent; /* Fond transparent */
}
/* --- DESIGN DU SOMMAIRE (Easy Table of Contents) --- */

/* 1. Le Conteneur global */
#ez-toc-container {
    background: #ffffff !important; /* Force le fond blanc */
    border: 1px solid #000000 !important; /* Bordure fine noire "Tech" */
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1) !important; /* L'ombre décalée signature */
    padding: 20px !important;
    margin-bottom: 40px !important;
    width: auto !important; /* S'adapte au contenu */
    max-width: 100% !important;
    border-radius: 0 !important; /* Angles droits */
}

/* 2. Le Titre "Sommaire" */
.ez-toc-title {
    font-family: 'Georgia', serif; /* Rappel de ta police de titres */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-bottom: 15px !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Cache l'icône disgracieuse du plugin */
.ez-toc-icon-toggle {
    display: none !important;
}

/* 3. La Liste des liens */
#ez-toc-container nav ul, 
#ez-toc-container ul {
    padding-left: 20px !important;
}

#ez-toc-container li {
    margin-bottom: 8px !important;
}

#ez-toc-container a {
    color: #444 !important; /* Gris foncé pour le texte */
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent; /* Prépare le survol */
}

/* 4. Effet au survol (Ton accent rouge) */
#ez-toc-container a:hover {
    color: #e63946 !important; /* Ton rouge Vermillon */
    border-bottom: 1px solid #e63946;
}

/* 5. Gérer les sous-titres (H3) */
#ez-toc-container ul ul {
    margin-top: 5px !important;
}