#ge-qa-form {
            max-width: 850px;
            margin: 20px 0;
        }
        #ge-qa-form input[type="text"] {
            color: #0f1f3d;
            width: 60%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
						background-color: #f9f9f9;
        }
        #ge-qa-form input[type="submit"] {
            width: 30% !important;
            padding: 10px;
            background-color: #0073aa;
            color: #fff;
						font-weight: 600;
						font-size: 1.0em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        #ge-response {
            color: #0f1f3d;
						 font-weight: 400;
						 line-height: 1.6;
						 margin-top: 20px;
            padding: 15px;
            border: 1px solid #eee;
            background-color: #f9f9f9;
            border-radius: 5px;
            font-family: sans-serif;
            
        }

/* Hide the response box entirely when it has no text */
#ge-response:empty {
    display: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* Ensure the body doesn't have weird margins that throw off height calcs */
body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Removes the iframe's internal scrollbar */
}

/* Mobile Optimization for Sunday */
@media screen and (max-width: 600px) {
    #ge-qa-form input[type="text"] {
        width: 100% !important; /* Take up the full width */
        margin-bottom: 10px;    /* Add a gap above the button */
        box-sizing: border-box; /* Ensures padding doesn't push it off screen */
    }

    #ge-qa-form input[type="submit"] {
        width: 100% !important; /* Big, easy-to-tap button */
        padding: 15px;         /* Slightly taller for thumbs */
        display: block;
    }
}