/* ════════════════════════════════════════════════
   print.css — Quality X Blog Print Stylesheet
   Loaded only when user prints (media="print")
   Removes navigation, sidebar, CTAs, and ads.
   Leaves article body, author, and images clean.
════════════════════════════════════════════════ */

@media print {
    /* ── Hide non-content elements ─────────── */
    header,
    footer,
    nav,
    aside,
    #read-progress-track,
    #toc-container,
    .bg-mint,
    [data-track],
    [aria-label="Post tags"],
    section:last-of-type, /* CTA section */
    #faq + section        /* related posts */
    {
        display: none !important;
    }

    /* ── Page setup ─────────────────────────── */
    @page {
        margin: 2cm;
        size: A4;
    }

    body {
        font-family: Georgia, serif;
        font-size: 12pt;
        line-height: 1.7;
        color: #111 !important;
        background: #fff !important;
    }

    /* ── Article body ──────────────────────── */
    article {
        max-width: 100% !important;
        column-count: 1 !important;
    }

    h1, h2, h3, h4 {
        page-break-after: avoid;
        break-after: avoid;
        color: #111 !important;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    a::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
    }

    a[href^="#"]::after,
    a[href^="javascript"]::after {
        content: "";
    }

    /* ── Show URL at bottom ─────────────────── */
    body::after {
        content: "Quality X — qualityx.agency | " attr(data-url);
        display: block;
        margin-top: 2rem;
        font-size: 9pt;
        color: #888;
        border-top: 1px solid #ddd;
        padding-top: 0.5rem;
    }
}