.ath-graph-legend-pattern-icon {
    width: 42px;
    height: 22px;
    display: inline-block;
}

.tab-page-content {
    display: grid;
    overflow: hidden;
}
.tab-container {
    grid-row: 1;
    grid-column: 1;
    opacity: 0;
    transition: all .5s ease-out;
    width: fit-content;
    max-width: 100%;
    min-width: 100%;
}
.tab-container.show {
    opacity: 1;
    z-index: 5;
}
#end-of-term-tab-pane canvas {
    min-height: 450px;
}

@media print {
    body {
        font-size: .95rem !important;
    }
    .tab-content {
        display: block;
    }
    .tab-container {
        opacity: 1;
    }
    #end-of-term-tab-pane {
        display: none;
    }
    /* Force EOT chart scenarios to display side-by-side (3 columns) as in UI.
       Covers both the original container and #graph-container (where charts are moved during print) */
    #graph-container .row-cols-md-3 > *,
    #end-of-term-graph-container .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333%;
    }
    .end-of-term-graph-heading {
        flex-direction: row !important;
        padding: .5rem !important;
        font-size: .95rem;
    }
    .end-of-term-graph-heading.text-white {
        color: var(--bs-text-dark) !important;
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        border-bottom: 0 !important;
        background-color: var(--bs-gray-100) !important;
    }
    .end-of-term-graph-secondary-heading {
        flex-wrap: nowrap;
        padding: .5rem !important;
    }
    .end-of-term-graph-secondary-heading > div:first-child {
        font-size: .95rem;
        margin-bottom: .5rem !important;
        padding-bottom: .5rem !important;
    }
    #logic-graph-summary-header.bg-secondary {
        background-color: var(--bs-gray-100) !important;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    #logic-graph-summary-header .text-white {
        color: var(--bs-secondary) !important;
    }
    .zebra .stripe:nth-of-type(odd) {
        background-color: transparent !important;
    }
    .stripe {
        padding: 0 !important;
    }
    .shadow-sm {
        box-shadow: none !important;
    }
    #graph-container .graph-container,
    #end-of-term-graph-container .graph-container {
        break-before: page;
    }
    #graph-container .graph-container:first-child {
        break-before: avoid !important;
    }
}