/* =============================================================
   CONDITION PAGE — print stylesheet
   Goal: produce a self-contained reference a reader can bring
   to a TCM consultation. Trim interactive chrome, expand all
   collapsible content, prioritise text over color.
   ============================================================= */

@media print {

    /* ----- Page-level reset ----- */
    @page {
        margin: 1.2cm;
    }

    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt;
        line-height: 1.45;
    }

    /* Hide site chrome */
    header, footer, nav[aria-label="Breadcrumb"],
    #kb-section-nav, .kb-section-nav, .kb-section-nav-sentinel {
        display: none !important;
    }

    /* Hide interactive bits that don't matter on paper */
    .pattern-expand-btn, .pattern-mark-star,
    .pattern-card-v2 [data-action="togglePatternCard"],
    .pattern-card-v2 [data-action="jumpToPattern"],
    .condition-quiz-progress, .condition-quiz-footer,
    .condition-quiz-fab,
    [data-action="printGuide"], [data-action="scrollToSection"] svg,
    .condition-about-disclosure summary svg,
    .accordion-chevron, .condition-tip, .tcm-tip,
    .treatment-product-cta, details > summary {
        display: none !important;
    }

    /* Force open every <details>/accordion */
    details {
        display: block !important;
    }
    details[open] > *, details > *:not(summary) {
        display: block !important;
    }
    .hidden {
        display: block !important;
    }

    /* Containers shed shadows/rings/backgrounds */
    .bg-white, .bg-background-secondary, .bg-primary-lightest,
    .bg-secondary-lightest, .bg-tertiary-lightest, .bg-red-50, .bg-green-50,
    [class*="bg-primary-lightest/"], [class*="bg-secondary-lightest/"],
    [class*="bg-background-secondary/"], [class*="bg-primary-lightest\\/"] {
        background: #fff !important;
    }
    .shadow-light, .shadow-medium, .shadow-heavy {
        box-shadow: none !important;
    }

    /* Headings */
    h1, h2, h3, h4 {
        color: #000 !important;
        page-break-after: avoid;
    }

    h1 { font-size: 20pt; margin-bottom: 0.3cm; }
    h2 { font-size: 16pt; margin-top: 0.8cm; }
    h3 { font-size: 13pt; margin-top: 0.5cm; }
    h4 { font-size: 11pt; }

    /* Pull-quote / key insight stays prominent */
    .condition-key-insight p {
        font-size: 13pt !important;
        font-style: italic;
        border-left: 3px solid #000 !important;
        padding-left: 0.5cm;
    }

    /* Pattern cards: open every one, page-break before each */
    .pattern-card-v2 {
        page-break-inside: avoid;
        border: 1px solid #999 !important;
        margin-bottom: 0.6cm;
    }
    .pattern-expanded-content {
        display: block !important;
    }

    /* Worse-with / Better-with strip stays visible (borders simplified) */
    .pattern-card-v2 .bg-red-50,
    .pattern-card-v2 .bg-green-50 {
        border: 1px solid #999 !important;
    }

    /* Red-flag urgent-care list stays bold */
    .text-red-900, .text-red-800, .text-red-700 {
        color: #000 !important;
        font-weight: 600;
    }
    [class*="border-red-"] {
        border-color: #000 !important;
        border-width: 2px !important;
    }

    /* Quiz: print all 3 steps as a self-assessment worksheet.
       Show the body (even in results mode), hide the live match meter and
       interactive accordion headers, and stack every category panel, each
       prefixed by its category name (from data-print-label). */
    .condition-quiz-body {
        display: block !important;
    }
    .condition-quiz-meter {
        display: none !important;
    }
    .condition-quiz-step,
    .condition-quiz-step.hidden,
    .condition-quiz-step[aria-hidden="true"] {
        display: block !important;
        padding: 0.3cm 0 !important;
        animation: none !important;
        border-top: 1px solid #ddd;
    }
    .condition-quiz-step[data-quiz-step="1"] {
        border-top: none;
    }
    .condition-quiz-question {
        font-size: 11pt !important;
        margin: 0.2cm 0 0.15cm !important;
    }
    .condition-quiz-cat-head {
        display: none !important;
    }
    .condition-quiz-cat {
        border: none !important;
        border-radius: 0 !important;
    }
    .condition-quiz-cat-body,
    .condition-quiz-cat-body.hidden {
        display: block !important;
        padding: 0 !important;
        page-break-inside: avoid;
        margin-bottom: 0.2cm;
    }
    .condition-quiz-cat-body[data-print-label]::before {
        content: attr(data-print-label);
        display: block;
        font-size: 9pt !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 0.1cm !important;
        color: #000;
    }
    .condition-quiz-pill {
        display: inline-flex !important;
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #999 !important;
        padding: 0.05cm 0.2cm !important;
        margin: 0.05cm 0.1cm 0.05cm 0 !important;
        font-size: 9pt !important;
    }
    .condition-quiz-pill::before {
        content: "\2610 " !important;
        margin-right: 0.1cm !important;
        color: #000 !important;
        font-size: 10pt !important;
    }
    .condition-quiz-pill[aria-pressed="true"]::before,
    .condition-quiz-pill.is-selected::before {
        content: "\2611 " !important;
    }
    .condition-quiz-results.hidden {
        display: none !important;
    }
    .condition-quiz-results:not(.hidden) {
        display: block !important;
        border-top: 1px solid #999;
        padding-top: 0.4cm;
        background: #fff !important;
    }
    .quiz-radar svg {
        max-width: 8cm;
    }

    /* Self-assessment guide: open + visible */
    #condition-self-assessment {
        display: block !important;
    }
    #self-assessment-body {
        display: block !important;
    }

    /* Continue exploring: don't print — it's all clickable */
    section[aria-labelledby="condition-continue-heading"] {
        display: none !important;
    }

    /* Force link URLs visible after text */
    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
        word-break: break-all;
    }
    a[href^="#"]::after, a[href^="/"]::after {
        content: "";
    }

    /* Prevent awkward breaks in callouts */
    .treatment-timeline-callout,
    .condition-diagnostic-card,
    .condition-classical-feature {
        page-break-inside: avoid;
    }

    /* Footer note: small "Printed from..." line */
    body::after {
        content: "Printed from Me&Qi — meandqi.com — for educational use only. Always confirm with a qualified TCM practitioner.";
        display: block;
        margin-top: 1cm;
        padding-top: 0.4cm;
        border-top: 1px solid #999;
        font-size: 8pt;
        color: #666;
        text-align: center;
    }
}