/* _static/custom.css */

/* Target the specific color-output class */
.highlight.color-output {
    background-color: #DBFDFF !important;
    border-left: 4px solid #B6ECFF;
    padding: 1em;
    border-radius: 6px;
}

/* Alternative: Simple text output styling */
.output-box {
    background-color: #DBFDFF !important;
    border-left: 4px solid #B6ECFF;
    padding: 1em;
    border-radius: 6px;
    margin: 1em 0;
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    line-height: 1.4;
}

/* Target any element with the color-output class */
.color-output {
    background-color: #DBFDFF !important;
    border-left: 4px solid #B6ECFF;
    padding: 1em;
    border-radius: 6px;
    margin: 1em 0;
}

/* Make sure the background color is applied to all child elements */
.color-output *,
.output-box * {
    background-color: transparent !important;
}