:root {
    --page-margin: 5mm;
}

@media screen {
    .print-page {
        width: 210mm;
        min-height: 297mm;
        margin: 10mm auto;
        padding: var(--page-margin);
        background: #fff;
        box-shadow: 0 0 6mm rgba(0,0,0,.15);
    }

    .print-only {
        display: none !important;
    }

    .page-break {
        display: block;
        margin: 2rem 0;
        border-top: 2px dashed #ccc;
    }
}

@page {
    size: A4 portrait;
    margin: var(--page-margin);
}

@media print {
    html, body {
        background: #fff !important;
        color: #000 !important;
        margin: 0;
    }

    .no-print {
        display: none !important;
    }

    .print-only {
        display: initial !important;
    }

    .print-page {
        width: auto;
        min-height: auto;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .print-table tr:nth-child(even) {
        background-color: #f5f5f5;
    }

    .page-break {
        break-before: page;
        page-break-before: always;
    }

    .avoid-break {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        border: 1px solid #000;
        padding: 4pt 6pt;
        font-size: 10pt;
    }

    a {
        color: inherit;
        text-decoration: none;
    }
}

.print-section {
    margin-bottom: 10px;
}

.print-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 10px;
}

.print-table,
.print-table th,
.print-table td {
    border: 1px solid #d0d0d0;
}

.print-table td, .print-table th {
    padding: 6px 8px;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    font-weight: bold;
}

.print-table tr:nth-child(even) {
    background-color: #f5f5f5;
}

.print-table td.grade {
    width: 50px;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.tsm-print-title {
    font-size: 45px;
}

.mud-typography-h4 {
    color: #0F4761;
    font-weight: normal;
}

.mud-typography-h5 {
    color: #5A5A5A;
    font-weight: normal;
}

.mud-typography-h6 {
    color: #1D516A;
    font-size: 19px;
    font-weight: normal;
}