/* Conteneur principal */
.chrono-container {
    max-width: 98%;
    margin: 20px auto 40px auto;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(224, 213, 193, 0.8);
    overflow: auto; /* Active le défilement interne (vertical et horizontal) */
    max-height: calc(100vh - 160px); /* Ajuste la hauteur pour tenir parfaitement sous le menu */
}

/* Style du tableau */
.chrono-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
}

/* En-tête fixe */
.chrono-table thead th {
    position: sticky;
    top: 0; /* Colle l'en-tête tout en haut du conteneur interne */
    background-color: #1A2530;
    color: #F8F5F0;
    font-family: 'EB Garamond', serif;
    font-size: 18px;
    padding: 12px 15px;
    text-align: left;
    border-right: 1px solid rgba(255,255,255,0.1);
    z-index: 10;
}
.chrono-table thead th:last-child { border-right: none; }

/* Cellules de contenu */
.chrono-table tbody td, .chrono-table tbody th {
    padding: 15px;
    vertical-align: top; /* Aligne le texte en haut */
    border-bottom: 1px solid #e0d5c1;
    border-right: 1px solid rgba(224, 213, 193, 0.4);
}
.chrono-table tbody td:last-child { border-right: none; }

/* Style spécifique pour la colonne des années */
.chrono-table tbody th {
    background-color: #f8f9fa;
    font-size: 20px;
    font-family: 'EB Garamond', serif;
    color: #1A2530;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

/* Effet au survol d'une ligne */
.chrono-table tbody tr:hover { background-color: #fdfbf7; }
.chrono-table b { color: #1A2530; } /* Met en valeur les dates en gras */

/* Style pour les filtres de colonnes */
.column-toggles {
    text-align: center;
    margin-bottom: 15px;
    font-family: 'EB Garamond', serif;
    font-size: 18px;
    color: #1A2530;
}
.column-toggles label {
    margin: 0 10px;
    cursor: pointer;
    user-select: none;
}
.column-toggles input[type="checkbox"] {
    accent-color: #1A2530;
    cursor: pointer;
}