/* === Style spécifique au lexique === */

.lexique table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
    font-size: 0.95rem;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-radius: 6px;
    overflow: hidden;
}

.lexique caption {
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.lexique th,
.lexique td {
    border: 1px solid #ddd;
    padding: 0.75rem;
    vertical-align: top;
}

.lexique th {
    background-color: #192a56;
    color: white;
    text-align: left;
}

/* Responsive table pour mobile */
@media (max-width: 768px) {
    .lexique table,
    .lexique thead,
    .lexique tbody,
    .lexique th,
    .lexique td,
    .lexique tr {
        display: block;
    }

    .lexique thead {
        display: none;
    }

    .lexique tr {
        margin-bottom: 1rem;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

    .lexique td {
        position: relative;
        padding-left: 50%;
        text-align: left;
        min-height: 2.5rem;
    }

    .lexique td::before {
        content: attr(data-label);
        position: absolute;
        left: 1rem;
        top: 0.75rem;
        font-weight: bold;
        color: #666;
        white-space: nowrap;
    }

    .lexique td:empty::after {
        content: "\00a0";
        display: block;
        min-height: 1rem;
    }
}