/* Report container - Styled to match other sections */
#report, #recommended-section {
    border-top: 1px solid lightgrey; 
    width: 80vw;
    max-width: 800px;
    /* Set width to 80% of the view, port width */
    margin: 0 auto;
    /* Remove any margin */
    padding: 10px;
    /* Add some padding for better spacing */
    box-sizing: border-box;
    /* Include padding in total width/height */
    position: relative;
    /* Allows absolute positioning for child elements */
    line-height: 1.6;
}


/* Preformatted text - Ensures readable formatting */
#report-text {
    font-family: inherit;
    /* Use the same font as the about section */
    font-size: 1rem;
    /* Match the default text size */
    color: inherit;
    /* Use the same text color */
    background-color: transparent;
    /* Remove the grey background */
    padding: 0;
    /* Remove extra padding */
    border-radius: 0;
    /* Remove rounded corners */
    white-space: pre-wrap;
    /* Allow text to wrap naturally */
    word-wrap: break-word;
    /* Ensure long text wraps properly */
    line-height: 1.6;
    /* Match the about section's line spacing */
    max-width: 800px;
    /* Match the about section's width */
    margin: 0 auto;
    /* Center the text */
}


/* Responsive Design - Adjust padding for smaller screens */
@media (max-width: 768px) {
    #report {
        padding: 15px;
        /* Reduce padding for smaller screens */
    }
}