@media print {
    /* Remove all browser default margins and padding */
    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    :root {
        --text-clr: #000;
    }

    html,
    body,
    .inner-grid {
        font-size: 14px;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: transparent;
    }

    @page {
        margin: 0.5in;
    }

    .inner-grid {
        grid-column: 1/13;
    }

    /*clear link styles*/

    a {
        text-decoration: none;
        color: var(--text-clr);
    }

    /* Individual items can break, but try to keep them together when possible */
    .item {
        break-inside: avoid;
        break-after: auto;
    }
}