/* ============================================
   PRINT STYLES — Celio Research PDF
   ============================================ */

@media print {

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

    /* Hide interactive / decorative elements */
    .cheeky-menu,
    #download-pdf-btn,
    .header-actions .cta-button:first-child,
    video,
    .visual-comparison,
    .full-width-image,
    .cs-footer {
        display: none !important;
    }

    /* Reset backgrounds and shadows */
    * {
        background: #fff !important;
        color: #111 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body {
        font-family: 'Georgia', serif;
        font-size: 11pt;
        line-height: 1.6;
        color: #111;
    }

    /* Container */
    .container {
        max-width: 100%;
        padding: 0;
    }

    /* Header */
    .cs-header {
        margin-bottom: 2rem;
        padding-top: 0;
        border-bottom: 2px solid #111;
        padding-bottom: 1.5rem;
    }

    .cs-category {
        font-family: monospace;
        font-size: 8pt;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        border: 1px solid #ccc;
        padding: 2px 8px;
        display: inline-block;
        margin-bottom: 0.75rem;
    }

    .cs-title {
        font-size: 22pt;
        line-height: 1.2;
        margin-bottom: 0.5rem;
        color: #111;
    }

    .cs-subtitle {
        font-size: 11pt;
        color: #444;
        margin-bottom: 1rem;
    }

    .cs-meta {
        display: flex;
        gap: 2rem;
        border-top: 1px dashed #999;
        padding-top: 0.75rem;
        font-family: monospace;
        font-size: 8.5pt;
        color: #555;
        flex-wrap: wrap;
    }

    /* Sections */
    .cs-section {
        opacity: 1 !important;
        transform: none !important;
        margin-bottom: 2rem;
        page-break-inside: avoid;
    }

    .section-header h2 {
        font-family: monospace;
        font-size: 10pt;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.4rem;
        margin-bottom: 0.75rem;
        color: #111;
    }

    .section-body p {
        font-size: 11pt;
        color: #333;
        margin-bottom: 0.75rem;
        line-height: 1.65;
    }

    /* Insight cards */
    .insight-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
        margin-top: 0.75rem;
    }

    .insight-card {
        border: 1px solid #ccc;
        padding: 0.75rem;
        border-radius: 2px;
    }

    .insight-card h3 {
        font-size: 9.5pt;
        text-transform: uppercase;
        font-family: monospace;
        margin-bottom: 0.4rem;
        letter-spacing: 0.05em;
    }

    .insight-card p {
        font-size: 10pt;
        margin-bottom: 0;
    }

    /* Research divider */
    .research-divider {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin: 2.5rem 0 1.5rem;
        page-break-before: always;
    }

    .research-divider::before,
    .research-divider::after {
        flex: 1;
        height: 1px;
        background: #ccc;
        content: '';
    }

    .research-divider__label {
        font-family: monospace;
        font-size: 8pt;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #555;
        border: 1px dashed #ccc;
        padding: 2px 10px;
        white-space: nowrap;
    }

    /* Finding list */
    .finding-list {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .finding-item {
        display: grid;
        grid-template-columns: 3rem 1fr;
        gap: 0.75rem;
        border: 1px solid #ddd;
        padding: 0.75rem;
        page-break-inside: avoid;
    }

    .finding-number {
        font-family: monospace;
        font-size: 8.5pt;
        color: #666;
    }

    .finding-content h3 {
        font-family: monospace;
        font-size: 9.5pt;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.35rem;
    }

    .finding-content p {
        font-size: 10pt;
        color: #333;
        margin-bottom: 0;
    }

    /* Tech stack */
    .tech-stack-block {
        border: 1px solid #ccc;
        margin-top: 1rem;
    }

    .tech-stack-heading {
        font-family: monospace;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        padding: 0.4rem 0.75rem;
        border-bottom: 1px solid #ccc;
        background: #f5f5f5 !important;
    }

    .tech-stack-item {
        display: grid;
        grid-template-columns: 8rem 1fr;
        gap: 0.5rem;
        padding: 0.4rem 0.75rem;
        border-bottom: 1px solid #eee;
        font-size: 9.5pt;
    }

    .tech-stack-item:last-child {
        border-bottom: none;
    }

    .tech-stack-label {
        font-family: monospace;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #555;
    }

    .tech-stack-value {
        color: #333;
    }

    /* Hide download buttons in print */
    button,
    .cta-button {
        display: none !important;
    }

    /* Show live app URL as text */
    .cs-header a.cta-button::after {
        display: none;
    }

    /* Links */
    a[href]::after {
        content: none;
    }
}