#chart {
    /* width: 100%; */
    /* height: 30vh;  */
    /* min-height: 200px;  */
    max-height: 30vh;
    max-width: 600px; /* Example max-width */
}

/* Basic styling for the bars */
rect {
    fill: steelblue;
    shape-rendering: crispEdges;
}

rect:hover {
    fill: darkorange;
}

section {
    max-width: 100%; /* Adjust based on your layout */
    overflow-x: auto; /* Enables horizontal scrolling for the section if needed */
}

pre {
    white-space: pre; /* Default value, maintains original whitespace and formatting */
    overflow-x: auto; /* Enables horizontal scrolling for just the pre element */
}