/* ===================================
   Rear Death Experience - Print Styles
   =================================== */

@media print {
    /* Reset and Base */
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    body {
        margin: 0;
        padding: 20px;
        font-size: 12pt;
        line-height: 1.5;
        background: white !important;
    }
    
    /* Hide Interactive Elements */
    .progress-bar,
    .button-group,
    .btn,
    .export-options,
    .save-notification,
    button {
        display: none !important;
    }
    
    /* Container */
    .container {
        max-width: 100%;
        margin: 0;
    }
    
    #app {
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    /* Show Only Results Section */
    .step {
        display: none !important;
    }
    
    #results {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
    }
    
    .content-wrapper {
        padding: 0;
    }
    
    /* Typography */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
        color: #000 !important;
    }
    
    h1 {
        font-size: 24pt;
        margin-bottom: 20pt;
        text-align: center;
        border-bottom: 2pt solid #8B9D83;
        padding-bottom: 10pt;
    }
    
    h2 {
        font-size: 20pt;
        margin-bottom: 15pt;
    }
    
    h3 {
        font-size: 16pt;
        margin-top: 15pt;
        margin-bottom: 10pt;
    }
    
    h4 {
        font-size: 14pt;
        margin-bottom: 8pt;
    }
    
    p {
        margin-bottom: 10pt;
        orphans: 3;
        widows: 3;
    }
    
    /* Results Summary */
    .results-summary {
        margin-bottom: 20pt;
    }
    
    .user-details {
        border: 1pt solid #8B9D83;
        padding: 15pt;
        margin-bottom: 20pt;
        page-break-inside: avoid;
    }
    
    .user-details p {
        margin-bottom: 5pt;
    }
    
    .user-details strong {
        font-weight: bold;
    }
    
    /* Activities List */
    .activities-summary {
        margin-bottom: 25pt;
        page-break-inside: avoid;
    }
    
    .activities-summary ol {
        list-style-position: outside;
        padding-left: 25pt;
        margin-top: 10pt;
    }
    
    .activities-summary li {
        margin-bottom: 8pt;
        padding: 5pt 10pt;
        border-left: 3pt solid #8B9D83;
        page-break-inside: avoid;
    }
    
    /* Reflection Items */
    .reflection-summary {
        margin-top: 25pt;
    }
    
    .reflection-item {
        margin-bottom: 20pt;
        padding: 15pt;
        border: 1pt solid #8B9D83;
        border-left: 4pt solid #8B9D83;
        page-break-inside: avoid;
    }
    
    .reflection-item h4 {
        margin-bottom: 8pt;
        color: #8B9D83 !important;
    }
    
    .reflection-item p {
        margin-bottom: 0;
        white-space: pre-wrap;
        word-wrap: break-word;
    }
    
    /* Page Breaks */
    .activities-summary,
    .reflection-summary {
        page-break-before: auto;
    }
    
    /* Links */
    a {
        text-decoration: none;
        color: #000 !important;
    }
    
    a[href]:after {
        content: none;
    }
    
    /* Ensure Content Fits */
    @page {
        margin: 2cm;
        size: letter;
    }
    
    /* Print Header */
    .results-summary::before {
        content: "REAR DEATH EXPERIENCE";
        display: block;
        font-size: 18pt;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20pt;
        padding-bottom: 10pt;
        border-bottom: 2pt solid #8B9D83;
    }
}