/* Stile Test Massimi, Minimi, Flessi */
        body { font-family: Arial, sans-serif; margin: 20px; }
        fieldset { margin-bottom: 15px; padding: 10px; border: 1px solid #ccc; }
        legend { font-weight: bold; }
        .result { margin-top: 20px; padding: 15px; background-color: #f0f0f0; }
        .correct { color: green; }
        .wrong { color: red; }
        .unanswered { color: #666; }
        .Stile1 {color: black}
        /* Stile per centrare il contenitore del bottone */
        .center-button-container {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .left-image, .right-image {
            max-height: 60px;
            height: auto;
            width: auto;
            max-width: 48%;
            object-fit: contain;
        }
        .header-box {
            width: 100%;
            border: 2px dashed #28a745;
            box-sizing: border-box;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: white;
            min-height: 80px;
            border-radius: 8px;
            margin-bottom: 25px;
            background: white;
            flex-wrap: wrap;
            gap: 10px;
        }
        /* Stile per l'intestazione principale (Stile1) */
.Stile1 {
    color: #006400; /* Verde scuro richiesto */
    font-size: 1.8em; 
    text-align: center; /* Mantenuto centrato per il titolo */
}

/* Stile per il sottotitolo/istruzioni (Stile2) */
.Stile2 {
    color: #333; /* Colore scuro per leggibilità */
    font-size: 1.1em; /* Carattere più piccolo richiesto */
    text-align: left; /* Non centrato (allineato a sinistra) richiesto */
    font-weight: normal; 
    margin-top: 10px;
    margin-bottom: 10px;
}
       /* Stile per il contenitore della soluzione */
.solution-container {
    display: none; /* Inizialmente nascosto */
    margin-top: 10px;
    padding: 10px 15px; /* Aggiunto padding per spaziatura */
    background-color: #f9f9f9; /* Sfondo leggero per contrasto */
    border: 1px solid #ddd; /* Bordo sottile di default */
    border-radius: 5px;
   border-left: 4px solid #28a745;
}
        .solution-button {
            margin-top: 5px;
            padding: 8px 15px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 0.9em;
            display: block;
        }
        .solution-button:hover {
            background-color: #0056b3;
        }

        /* STILI AGGIORNATI PER I BOTTONI NEL FOOTER */
        input[type="submit"], .reset-button, .index-button {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            margin: 5px;
            display: inline-block;
        }

        input[type="submit"] {
            background-color: #28a745; /* Verde */
            color: white;
        }

        input[type="submit"]:hover {
            background-color: #218838; /* Verde più scuro al passaggio del mouse */
        }

        .reset-button { /* Nuovo stile per il bottone "Rifai il Test" */
            background-color: #ff8c00; /* Arancione */
            color: white;
        }

        .reset-button:hover {
            background-color: #e07b00; /* Arancione più scuro */
        }

        .index-button {
            background-color: #007bff; /* Blu */
            color: white;
        }

        .index-button:hover {
            background-color: #0056b3; /* Blu più scuro al passaggio del mouse */
        }
		/* Stili per Intestazioni Richieste */

/* Stile per centrare i grafici all'interno delle soluzioni */
.graph-container {
    text-align: center;
    margin-top: 10px; /* Spazio sopra il grafico */
    margin-bottom: 10px; /* Spazio sotto il grafico */
}

/* Assicurati che le immagini al suo interno non siano più grandi del contenitore */
.graph-container img {
    max-width: 100%;
    height: auto;
    display: block; /* Importante per centrare l'immagine stessa */
    margin: 0 auto; /* Centra l'immagine come blocco */
}