#roasCalculator {
        padding: 20px 60px 60px;
        background-color: #1b313c;
    }

    #roasResult {
        font-size: 1.1em;
        font-weight: bold;
        color: #ffffffb2;
        padding: 0;
    }

    #roasCalculator label,
    #roasResult label {
        display: block;
        color: #ffffffb2;
        font-size: 1.1em;
        font-weight: bold;
        margin: 30px 0 5px;
    }

    #roasCalculator input,
    #roasCalculator select,
    #roasResult textarea {
        font-size: 18px;
        background-color: #fff;
        border-radius: 3px;
        width: 100%;
        padding: 10px 20px;
    }

    #roasResult textarea {
        color: #fff;
        background-color: #40525c;
        height: 220px;
    }

    .errorMessage {
        color: #ef4e3f;
        font-size: 0.9em;
        margin-top: 5px;
        display: none;
    }

    /* Buttons: Copy Insight and Action Buttons */
    .buttonCopy,
    #callToAction {
        text-align: center;
    }

    #roasCalculator button,
    #roasResult button {
        font-size: 16px;
        font-family: f37bold, Tahoma, Verdana, sans-serif;
        text-transform: uppercase;
        color: #fff;
        background-color: #ea474b;
        box-shadow: 0 3px 0 0 rgba(44, 63, 73, .1);
        border: none;
        border-radius: 3px;
        margin-top: 35px;
        padding: .575em 1.25em;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    #roasCalculator button:hover,
    #roasResult button:hover {
        background-color: #d53d43;
    }

    /* Social Share Styling */
    #socialShare table {
        margin: 35px auto;
    }

    #socialShare table th {
        padding: 5px;
    }

    #socialShare button {
        padding: 5px;
        cursor: pointer;
    }

    #socialShare svg {
        fill: #fff;
        vertical-align: middle;
    }

    #socialShare label {
        color: #ffffffb2;
        margin: 0;
    }

    /* Call to Action Styling */
    #callToAction {
        text-align: center;
    }
	label + textarea, label + input {
    margin-top: 10px; /* Définit une séparation propre sans balises <br> */
    display: block;   /* Forcer les labels à être en position de bloc */
	}
	#roasResult label {
    display: block; /* Toujours forcer un comportement en bloc */
    margin-bottom: 5px; /* Contrôle de l'espacement avant le textarea */
}