@media print {
    .module-nav, .site-footer, #metfix-auth-bar, .lead-capture-banner,
    .mobile-overlay, .stage-nav, canvas, .controls, .legend,
    .canvas-modal, .fullscreen-btn, .glossary-tooltip,
    #metfix-gate-overlay, #metfix-auth-modal-overlay,
    .metfix-progress-bar-wrap, .metfix-resume-toast,
    .metfix-completion-overlay, .metfix-share-dialog,
    .metfix-header-actions, .sr-only-link,
    .tabs, .progress-dots, .nav-btn, .home-link, .progress-indicator {
        display: none !important;
    }

    body {
        background: white !important;
        color: black !important;
        padding: 20px !important;
        font-size: 12pt !important;
    }

    .container {
        max-width: 100% !important;
    }

    /* Show all tab panels for print */
    .panel, .tab-content {
        display: block !important;
        page-break-inside: avoid;
        border: 1px solid #ccc;
        margin-bottom: 20px;
        padding: 15px;
    }

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

    p, li {
        color: #333 !important;
        line-height: 1.6 !important;
    }

    a {
        color: black !important;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }

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

    .info-box, .warning-box, .success-box, .danger-box {
        border: 1px solid #999 !important;
        background: #f5f5f5 !important;
        color: #333 !important;
    }

    .info-box strong, .warning-box strong,
    .success-box strong, .danger-box strong {
        color: black !important;
    }

    .science-box {
        border: 1px solid #999 !important;
        background: #f9f9f9 !important;
    }

    .science-box h4 {
        color: black !important;
    }

    .quote {
        border-left: 3px solid #333 !important;
        background: #f5f5f5 !important;
        color: #333 !important;
    }

    .explanation {
        background: #f5f5f5 !important;
        border-left: 3px solid #333 !important;
        color: #333 !important;
    }

    .explanation h2 {
        color: black !important;
    }

    .key-point, .warning-point, .info-point {
        background: #f5f5f5 !important;
        color: #333 !important;
    }

    .key-point strong, .warning-point strong, .info-point strong {
        color: black !important;
    }

    .glossary-term {
        border-bottom: none !important;
        color: inherit !important;
    }

    .visual-container {
        display: none !important;
    }

    .two-column {
        grid-template-columns: 1fr 1fr !important;
    }

    table {
        border-collapse: collapse !important;
    }

    th, td {
        border: 1px solid #ccc !important;
        color: #333 !important;
        background: white !important;
    }

    th {
        background: #eee !important;
        color: black !important;
    }
}