/* Let notebook HTML/Plotly outputs fill available space without
 * affecting unrelated theme/layout containers named .content. */
.bd-article .cell_output .output.text_html .content,
.bd-article .cell_output .content {
    overflow: auto;
    height: auto;
    min-height: 0;
    max-height: 600px;
    width: 100%;
    min-width: 0;
    max-width: none;
}

.bd-article .cell_output .output.text_html .content > *,
.bd-article .cell_output .content > * {
    max-height: none;
    width: 100%;
    max-width: none;
}

.bd-article .cell_output .content .js-plotly-plot,
.bd-article .cell_output .content .plotly-graph-div,
.bd-article .cell_output .content .plotly,
.bd-article .cell_output .content .plot-container {
    width: 100% !important;
    max-width: none;
}

.card-box > * {
    overflow: hidden;
    left: 0;
}