@media print {

    .hidden-for-print {
        display: block;
        visibility: visible;
        height: auto;
    }

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    @page {
        size: A4 portrait;
        /* or A3 landscape, based on your needs */
        margin: 2.54cm;
    }

    html,
    body {
        width: 100%;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    body {
        background-color: white;
        color: black;
    }

    /* Ensure only the printable area is visible */
    body * {
        visibility: hidden;
    }

    #printable-area,
    #printable-area * {
        visibility: visible;
    }

    #printable-area {
        position: relative;
        margin: 0;
    }
}