body {
    font-family: 'Courier New', Courier, monospace, sans-serif;
    text-align: center;
    padding: 20px;
}

#grid-container {
    display: grid;
    /* Conserve 20 colonnes, mais elles seront plus petites */
    grid-template-columns: repeat(20, 1fr); 
    width: fit-content;
    margin: 20px auto;
}

.grid-cell {
    /* **MODIFIÉ : Réduction de la taille de la cellule** */
    width: 20px; 
    height: 20px; 
    line-height: 16px; 
    text-align: center;
    /* **MODIFIÉ : Ajustement de la taille de la police** */
    font-size: 24px; 
    font-weight: bold;
    cursor: pointer; 
    transition: transform 0.1s ease-out; 
    user-select: none; 
}

.mode-shading .grid-cell {
    /* **MODIFIÉ : Ajustement de la taille de la police pour le mode ombrage** */
    font-size: 16px; 
    color: #333; 
}

.grid-cell:hover {
    background-color: #f0f0f0;
}

#toggle-mode, #export-pdf {
    margin: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}