/* Print Stylesheet for News Articles */
@media print {

    /* 1. Reset background and text colors for printer friendliness */
    *,
    *::before,
    *::after {
        color: #000 !important;
        /* Force black text */
        background: #fff !important;
        /* Force white background */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* 2. Hide unnecessary UI elements (Navigation, Footer, Ads, Sidebars, Social Sharing) */

    .nav-app-wrapper,
    .news-select,
    #loadMoreBtn,
    #reset-filters,
    header,
    footer,
    .read-next,
    .sidebar {
        display: none !important;
    }

    /* 3. Layout adjustments for the main article content */
    body {
        font-size: 12pt;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }

    main,
    article,
    .article-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* 4. Page Margins */
    /* @page {
        margin: 2cm;
    } */

    /* 5. Typography and Headings */
    h1,
    h2,
    h3 {
        page-break-after: avoid;
        /* Prevent a heading from being at the bottom of a page */
        line-height: 1.2;
        margin-top: 1.5em;
    }

    h1 {
        font-size: 24pt;
    }

    p {
        orphans: 3;
        /* Minimum lines at the bottom of a page */
        widows: 3;
        /* Minimum lines at the top of a page */
        margin-bottom: 1em;
    }

    /* Append the actual URL next to links (except for internal anchor links and javascript) */
    .article-content a[href^="http"]:not([href*="mywebsite.com"])::after {
        content: " (" attr(href) ")";
        font-size: 90%;
        word-wrap: break-word;
    }

    /* 7. Image Handling */
    img,
    figure {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        /* Prevent images from being cut in half across pages */
    }

    /* Optional: Hide hero/banner images if you only want text */
    /* .article-hero-image { display: none !important; } */

    /* 8. Blockquotes and Tables */
    blockquote {
        border-left: 2px solid #999;
        padding-left: 1em;
        margin-left: 0;
        page-break-inside: avoid;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        page-break-inside: avoid;
    }

    th,
    td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
    }

    .cards-wrapper > *,
    .quicklinks-wrapper > * {
        flex-basis: calc((100% / 3));
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .corporate-news-story .news-banner-text p {
        margin-bottom: 0;
    }
}