@media print {

    :root,
    body,
    * {
        font-size: 100%;
    }

    #page-wrapper {
        padding-top: 0;
    }

    header#site-header {
        position: relative;
        background-color: transparent;
    }

    div#header-wrapper > *:not(.site-logo),
    footer,
    div.further-reading-container {
        display: none;
    }

    #further-reading-popup-id {
        position: relative !important;
        display: block !important;
        margin: 5rem 0 !important;
        height: 100% !important;
        top: 0 !important;
    }
    
    .longform-post-header h5 {
        margin-top: 1rem !important;
    }

    div#header-wrapper > .site-logo {
        transform: scale(0.5);
        transform-origin: top left;
    }

    article > .d-flex.flex-row.mobile-flex.gap-1,
    .longform-post-header {
        flex-direction: column;
    }

    .longform-post-header * {
        width: 100%;
    }

    #entry-content {
        width: 100%;
    }

    div.further-reading-popup,
    div.further-reading-popup * {
        position: relative !important;
        outline: none !important;
        border: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

    div#further-reading-popup-id {
        display: block !important;
        margin-left: 0 !important;
        padding: 0 !important;
        width: 100%;
    }

    div#further-reading-popup-id img {
        display: none;
    }

    div#further-reading-popup-id * {
        position: relative;
        width: 100%;
        border: 0;
    }

    div#further-reading-popup-id a:after {
        content: "("attr(href)")";
        padding-top: 1rem;
        font-style: italic;
    }

    .attachment-post-thumbnail {
        max-width: 300px;
        height: auto;
        margin-right: auto;
    }

    #further-reading-popup-id {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        break-inside: avoid;
    }

}