/* print.css - Apply these rules ONLY when printing/saving as PDF */
@media print {
    /* Hide non-essential elements */
    .article-sidebar,
    #site-footer,
    .sidebar-widget,
    .series-card,
    .cta-band,
    .nav-mobile-menu,
    .btn-primary,
    .btn-secondary,
    .nav-links,
    .hero-cta {
        display: none !important;
    }

    /* Optimize the main content for print */
    .article-content,
    .article-body {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    /* Remove any browser-added headers/footers (Chrome)
     * This is a technique to push the default browser header/footer off the page.
     * This doesn't remove the browser's own page numbers, but it can hide the URL and date.
     * Based on a common CSS technique for controlling print margins[reference:5].
     */
    @page {
        margin: 0.5in; /* Adjust as needed for your content */
    }
    body {
        margin: 0;
        padding: 0;
    }

    /* Ensure text is readable */
    body, p, h1, h2 {
        color: black !important;
        background: white !important;
    }
    a {
        text-decoration: none;
        color: black;
    }
    /* Optionally show URLs after links for reference */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 90%;
    }
}