/* ==========================================================================
   Premium Annual Report Print Stylesheet - W&L Entrepreneurship 2024-2025
   ========================================================================== */

@media print {
    /* ==========================================================================
       Print Configuration & Base Styles
       ========================================================================== */
    
    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    @page {
        margin: 0.75in;
        size: letter;
    }
    
    @page:first {
        margin: 0;
    }
    
    html {
        font-size: 11pt;
        line-height: 1.5;
    }
    
    body {
        background: white !important;
        color: #1f2937 !important;
        font-family: 'Crimson Text', Georgia, serif;
        margin: 0;
        padding: 0;
    }
    
    /* ==========================================================================
       Cover Page - Magazine Style
       ========================================================================== */
    
    .hero {
        page-break-after: always;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
        padding: 1.5in 1in !important;
        margin: 0 !important;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }
    
    .hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(255, 255, 255, 0.03) 10px,
            rgba(255, 255, 255, 0.03) 20px
        );
        pointer-events: none;
    }
    
    .hero-content {
        text-align: center !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 1;
        color: white !important;
    }
    
    .hero-badge {
        display: inline-block;
        background: rgba(255, 255, 255, 0.2) !important;
        backdrop-filter: blur(10px);
        color: white !important;
        padding: 0.5rem 1.5rem;
        border-radius: 30px;
        font-size: 12pt;
        font-weight: 500;
        margin-bottom: 2rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .hero-title {
        font-size: 42pt !important;
        font-weight: 300 !important;
        line-height: 1.1 !important;
        margin-bottom: 1.5rem !important;
        color: white !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        font-family: 'Inter', sans-serif !important;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        letter-spacing: -0.01em;
    }
    
    .hero-title .highlight {
        font-weight: 700 !important;
        color: #fef3c7 !important;
        display: block;
        font-size: 48pt !important;
        margin-top: 0.5rem;
    }
    
    .hero-subtitle {
        font-size: 14pt !important;
        color: rgba(255, 255, 255, 0.9) !important;
        line-height: 1.6 !important;
        margin: 0 auto 3rem !important;
        max-width: 5in !important;
        font-style: italic;
    }
    
    .hero-stats {
        display: flex !important;
        justify-content: center !important;
        gap: 2rem !important;
        margin: 3rem 0 0 !important;
        padding: 2rem;
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(10px);
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .hero .stat {
        text-align: center !important;
    }
    
    .hero .stat-number {
        font-size: 32pt !important;
        font-weight: 700 !important;
        color: #fef3c7 !important;
        display: block !important;
        line-height: 1 !important;
        font-family: 'Inter', sans-serif !important;
    }
    
    .hero .stat-label {
        font-size: 10pt !important;
        color: rgba(255, 255, 255, 0.9) !important;
        margin-top: 0.5rem !important;
        display: block !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-family: 'Inter', sans-serif !important;
    }
    
    .hero-image {
        display: none !important;
    }
    
    /* ==========================================================================
       Navigation - Hide for Print
       ========================================================================== */
    
    .nav-sticky {
        display: none !important;
    }
    
    /* Hide scroll progress bar during print */
    body div[style*="z-index: 101"][style*="height: 3px"] {
        display: none !important;
    }
    
    /* ==========================================================================
       Professional Typography
       ========================================================================== */
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Inter', sans-serif !important;
        color: #1e3a8a !important;
        page-break-after: avoid;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
        font-weight: 600;
    }
    
    h1 {
        font-size: 28pt;
        font-weight: 300;
        letter-spacing: -0.02em;
        margin-top: 0;
        padding-bottom: 0.5rem;
        border-bottom: 3px solid #1e3a8a;
    }
    
    h2 {
        font-size: 22pt;
        font-weight: 400;
        color: #1e3a8a !important;
        margin-top: 2rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #e5e7eb;
        position: relative;
    }
    
    h2::before {
        display: none !important;
    }
    
    h3 {
        font-size: 16pt;
        font-weight: 500;
        color: #1e3a8a !important;
        margin-top: 1.5rem;
    }
    
    h4 {
        font-size: 13pt;
        font-weight: 600;
        color: #374151 !important;
    }
    
    p {
        margin-bottom: 1rem;
        orphans: 3;
        widows: 3;
        line-height: 1.6;
        text-align: justify;
        hyphens: auto;
        font-family: 'Crimson Text', Georgia, serif;
    }
    
    .lead-paragraph {
        font-size: 13pt;
        line-height: 1.7;
        margin-bottom: 1.5rem;
        font-style: italic;
        color: #4b5563 !important;
        border-left: 4px solid #f59e0b;
        padding-left: 1.5rem;
        margin-left: 0;
        page-break-inside: avoid;
    }
    
    /* ==========================================================================
       Section Layouts - Magazine Style
       ========================================================================== */
    
    .section {
        padding: 1.5rem 0;
        page-break-inside: avoid;
        margin-bottom: 1rem;
        position: relative;
    }
    
    .section-title {
        color: #1e3a8a !important;
        margin-bottom: 1.5rem;
        page-break-after: avoid;
        font-size: 24pt !important;
        font-weight: 300;
        text-align: center;
        position: relative;
        padding-bottom: 1rem;
    }
    
    .section-title::after {
        display: none !important;
    }
    
    .section-subtitle {
        color: #6b7280 !important;
        font-size: 12pt;
        margin-bottom: 2rem;
        text-align: center !important;
        font-style: italic;
        font-family: 'Crimson Text', Georgia, serif;
        width: 100% !important;
        display: block !important;
        margin: 0 auto 2rem auto;
    }
    
    .section-tagline {
        color: #f59e0b !important;
        font-style: italic;
        font-size: 16pt;
        margin-bottom: 1.5rem;
        text-align: center !important;
        font-family: 'Crimson Text', Georgia, serif;
        width: 100% !important;
        display: inline-block !important;
    }
    
    .container {
        max-width: none;
        padding: 0;
        margin: 0;
    }
    
    /* ==========================================================================
       Director's Letter - Special Layout
       ========================================================================== */
    
    .director-letter {
        page-break-before: always;
        page-break-after: always;
        padding: 2rem 0;
    }
    
    .director-letter .content-grid {
        display: block !important;
    }
    
    .director-letter .letter-content {
        column-count: 2;
        column-gap: 2rem;
        column-rule: 1px solid #e5e7eb;
    }
    
    .director-letter .lead-paragraph {
        column-span: all;
        margin-bottom: 2rem;
        font-size: 14pt;
        background: linear-gradient(135deg, #f8fafc 0%, white 100%);
        padding: 1.5rem;
        border-radius: 8px;
        border-left: 5px solid #1e3a8a;
    }
    
    .signature {
        column-span: all;
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 2px solid #e5e7eb;
        text-align: right;
    }
    
    .signature p {
        margin-bottom: 0;
        font-style: italic;
        color: #4b5563 !important;
        text-align: right;
    }
    
    /* ==========================================================================
       Metrics Section - Infographic Style
       ========================================================================== */
    
    .metrics-section {
        page-break-before: always;
        background: linear-gradient(180deg, #f8fafc 0%, white 50%, #f8fafc 100%) !important;
        padding: 2rem 1rem !important;
        position: relative;
    }
    
    .metrics-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
        margin-top: 2rem;
    }
    
    .metric-card {
        background: white !important;
        border: 2px solid #e5e7eb !important;
        padding: 1.5rem !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
        page-break-inside: avoid;
        position: relative;
        overflow: hidden;
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
    
    .metric-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(90deg, #1e3a8a, #3b82f6);
    }
    
    .metric-card.primary::before {
        background: linear-gradient(90deg, #1e3a8a, #2563eb);
    }
    
    .metric-card.highlight::before {
        background: linear-gradient(90deg, #f59e0b, #fbbf24);
    }
    
    .metric-card.future::before {
        background: linear-gradient(90deg, #10b981, #34d399);
    }
    
    .metric-showcase .number {
        font-size: 36pt !important;
        font-weight: 300 !important;
        color: #1e3a8a !important;
        display: block !important;
        line-height: 1 !important;
        margin-bottom: 0.5rem !important;
        font-family: 'Inter', sans-serif !important;
        text-align: center;
    }
    
    /* ==========================================================================
       Discovery Section - Feature Layout
       ========================================================================== */
    
    .discovery-section {
        page-break-before: always;
        background: white !important;
    }
    
    .discovery-block {
        margin-bottom: 2.5rem;
        padding-bottom: 2rem;
        border-bottom: 2px dotted #e5e7eb !important;
        page-break-inside: avoid;
    }
    
    .block-title {
        color: #1e3a8a !important;
        margin-bottom: 1.5rem;
        font-size: 18pt !important;
        font-weight: 500;
        position: relative;
        padding-left: 1rem;
    }
    
    .block-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 100%;
        background: #f59e0b;
    }
    
    .feature-list {
        list-style: none;
        padding: 0;
        margin: 1.5rem 0;
    }
    
    .feature-list li {
        padding: 1rem;
        padding-left: 2rem;
        position: relative;
        margin-bottom: 1rem;
        background: linear-gradient(135deg, #f8fafc 0%, white 100%);
        border-radius: 8px;
        border-left: 3px solid #3b82f6;
        page-break-inside: avoid;
    }
    
    .feature-list li::before {
        content: "✦";
        position: absolute;
        left: 0.75rem;
        color: #f59e0b !important;
        font-size: 12pt;
    }
    
    /* ==========================================================================
       EIR Section - Special Treatment
       ========================================================================== */
    
    .eir-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1.5rem !important;
        margin: 2rem 0;
        page-break-inside: avoid;
        text-align: center;
    }
    
    .eir-stat {
        padding: 1rem;
        background: linear-gradient(135deg, #1e3a8a, #3b82f6) !important;
        color: white !important;
        border-radius: 12px;
    }
    
    .eir-stat .number {
        font-size: 28pt !important;
        font-weight: 700 !important;
        color: white !important;
        display: block !important;
        line-height: 1 !important;
        margin-bottom: 0.5rem;
        font-family: 'Inter', sans-serif !important;
    }
    
    .eir-stat .label {
        font-size: 10pt !important;
        color: rgba(255, 255, 255, 0.9) !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-family: 'Inter', sans-serif !important;
    }
    
    .eir-list {
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
        padding: 2rem !important;
        border-radius: 12px !important;
        margin-top: 2rem;
        page-break-inside: avoid;
        text-align: center;
        border: 2px solid #f59e0b;
    }
    
    .eir-list h4 {
        color: #92400e !important;
        font-size: 14pt !important;
        margin-bottom: 1.5rem !important;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    
    .eir-names {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.8rem !important;
        margin: 0 auto;
        justify-items: center;
    }
    
    .eir-names span {
        background: white !important;
        padding: 0.5rem !important;
        border-radius: 6px !important;
        font-size: 10pt !important;
        color: #1f2937 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        font-weight: 500;
        display: block;
    }
    
    /* ==========================================================================
       Gallery Section - Print Layout
       ========================================================================== */
    
    .gallery-section {
        page-break-before: always;
        background: white !important;
        padding: 2rem 0 !important;
    }
    
    .gallery-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
        margin-top: 2rem;
    }
    
    .gallery-item {
        background: white !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        overflow: hidden;
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }
    
    .gallery-item.featured {
        grid-column: span 2 !important;
    }
    
    .gallery-item img {
        width: 100% !important;
        height: auto !important;
        max-height: 2.5in !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    
    .gallery-item.featured img {
        max-height: 3in !important;
    }
    
    .gallery-caption {
        padding: 1rem !important;
    }
    
    .gallery-caption h4 {
        color: #1e3a8a !important;
        font-size: 11pt !important;
        margin-bottom: 0.5rem !important;
        font-weight: 600;
    }
    
    .gallery-caption p {
        color: #4b5563 !important;
        font-size: 9pt !important;
        line-height: 1.4;
        margin-bottom: 0;
    }
    
    .gallery-stats {
        display: flex !important;
        justify-content: space-around !important;
        gap: 1rem !important;
        margin-top: 2rem !important;
        padding: 1.5rem !important;
        background: #f9fafb !important;
        border-radius: 8px !important;
        page-break-inside: avoid;
    }
    
    .gallery-stat {
        text-align: center !important;
    }
    
    .gallery-stat .stat-number {
        font-size: 18pt !important;
        font-weight: 700 !important;
        color: #1e3a8a !important;
        display: block !important;
        line-height: 1 !important;
        margin-bottom: 0.3rem !important;
        font-family: 'Inter', sans-serif !important;
    }
    
    .gallery-stat .stat-label {
        font-size: 8pt !important;
        color: #6b7280 !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-family: 'Inter', sans-serif !important;
    }

    /* ==========================================================================
       Spotlight Section - Card Layout
       ========================================================================== */
    
    .spotlight-section {
        page-break-before: always;
        background: linear-gradient(180deg, white 0%, #f8fafc 100%) !important;
        padding: 2rem 0 !important;
    }
    
    .spotlight-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
        margin-top: 2rem;
    }
    
    .spotlight-card {
        background: white !important;
        border: 1px solid #e5e7eb !important;
        padding: 1.5rem !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
        page-break-inside: avoid;
        position: relative;
        padding-left: 2rem !important;
    }
    
    .spotlight-card::before {
        content: "★";
        position: absolute;
        left: 0.75rem;
        top: 1.5rem;
        color: #f59e0b !important;
        font-size: 14pt;
    }
    
    .spotlight-content h4 {
        color: #1e3a8a !important;
        margin-bottom: 0.75rem !important;
        font-size: 12pt !important;
        font-weight: 600;
    }
    
    .spotlight-content p {
        color: #4b5563 !important;
        font-size: 10pt !important;
        line-height: 1.5;
        text-align: left;
    }
    
    /* ==========================================================================
       Future Section - Premium Design
       ========================================================================== */
    
    .future-section {
        page-break-before: always;
        background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
        color: white !important;
        padding: 2rem !important;
        border-radius: 12px;
        margin: 2rem 0;
        position: relative;
        overflow: hidden;
    }
    
    .future-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 20px,
            rgba(255, 255, 255, 0.02) 20px,
            rgba(255, 255, 255, 0.02) 40px
        );
        pointer-events: none;
    }
    
    .future-section .section-title {
        color: white !important;
        border: none !important;
        font-size: 28pt !important;
        font-weight: 300;
        margin-bottom: 0.5rem !important;
    }
    
    .future-section .section-title::after {
        display: none !important;
    }
    
    .future-section .section-tagline {
        color: #fef3c7 !important;
        font-size: 18pt !important;
        margin-bottom: 2rem !important;
    }
    
    .priorities-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
        margin-bottom: 2rem;
        position: relative;
        z-index: 1;
    }
    
    .priority-card {
        background: rgba(255, 255, 255, 0.95) !important;
        color: #1f2937 !important;
        padding: 1.5rem !important;
        padding-top: 2rem !important;
        border-radius: 12px !important;
        position: relative;
        page-break-inside: avoid;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
    }
    
    .priority-number {
        position: absolute;
        top: -12px;
        left: 1.5rem;
        background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
        color: white !important;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 12pt;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
    
    .priority-card h4 {
        color: #1e3a8a !important;
        margin-top: 0.5rem;
        margin-bottom: 1rem !important;
        font-size: 13pt !important;
    }
    
    .priority-card p {
        color: #4b5563 !important;
        font-size: 10pt !important;
        line-height: 1.5;
        text-align: left;
    }
    
    /* ==========================================================================
       Events Timeline - Visual Enhancement
       ========================================================================== */
    
    .events-section {
        margin-top: 2rem;
        position: relative;
        z-index: 1;
    }
    
    .events-section h3 {
        color: white !important;
        text-align: center;
        margin-bottom: 2rem !important;
        font-size: 20pt !important;
        font-weight: 300;
    }
    
    .events-timeline {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
    
    .event-item {
        background: rgba(255, 255, 255, 0.95) !important;
        color: #1f2937 !important;
        padding: 1.5rem !important;
        border-radius: 12px !important;
        border-left: 5px solid #fbbf24 !important;
        page-break-inside: avoid;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    }
    
    .event-season {
        color: #f59e0b !important;
        font-weight: 700 !important;
        margin-bottom: 0.75rem !important;
        font-size: 11pt !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    
    .event-details h4 {
        color: #1e3a8a !important;
        margin-bottom: 0.5rem !important;
        font-size: 12pt !important;
    }
    
    .event-details p {
        color: #4b5563 !important;
        font-size: 10pt !important;
        line-height: 1.4;
        text-align: left;
    }
    
    /* ==========================================================================
       Engagement Section - Icon Cards
       ========================================================================== */
    
    .engagement-section {
        page-break-before: always;
        background: linear-gradient(180deg, white 0%, #f8fafc 100%) !important;
        padding: 2rem 0 !important;
        page-break-inside: avoid;
    }
    
    .engagement-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
        margin-top: 2rem;
    }
    
    .engagement-card {
        background: white !important;
        border: 2px solid #e5e7eb !important;
        padding: 2rem !important;
        border-radius: 12px !important;
        text-align: center !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
        page-break-inside: avoid;
        position: relative;
        overflow: hidden;
    }
    
    .engagement-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #1e3a8a, #3b82f6);
    }
    
    .engagement-icon {
        font-size: 24pt !important;
        margin-bottom: 1rem !important;
        display: block !important;
        color: #1e3a8a !important;
    }
    
    .engagement-card h4 {
        color: #1e3a8a !important;
        margin-bottom: 0.75rem !important;
        font-size: 12pt !important;
        font-weight: 600;
    }
    
    .engagement-card p {
        color: #4b5563 !important;
        font-size: 10pt !important;
        line-height: 1.4;
        text-align: center;
    }
    
    /* ==========================================================================
       Closing Section - Call to Action
       ========================================================================== */
    
    .closing-section {
        page-break-before: always;
        background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
        color: white !important;
        padding: 3rem 2rem !important;
        text-align: center !important;
        border-radius: 12px;
        margin: 2rem 0;
        position: relative;
    }
    
    .closing-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
        pointer-events: none;
    }
    
    .closing-content {
        position: relative;
        z-index: 1;
    }
    
    .closing-content h2 {
        color: white !important;
        margin-bottom: 1.5rem !important;
        font-size: 28pt !important;
        font-weight: 300 !important;
        border: none !important;
    }
    
    .closing-content h2::before {
        display: none;
    }
    
    .closing-content .lead-paragraph {
        color: rgba(255, 255, 255, 0.95) !important;
        margin: 0 auto !important;
        max-width: 5in !important;
        font-size: 13pt !important;
        line-height: 1.7 !important;
        border-left: none !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-style: normal !important;
    }
    
    /* ==========================================================================
       Footer - Minimal Design
       ========================================================================== */
    
    .footer {
        background: white !important;
        color: #6b7280 !important;
        border-top: 2px solid #e5e7eb !important;
        padding: 1.5rem 0 !important;
        margin-top: 3rem;
        page-break-inside: avoid;
    }
    
    .footer-content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        padding: 0 1rem;
    }
    
    .footer-brand h3 {
        color: #1e3a8a !important;
        margin-bottom: 0.5rem !important;
        font-size: 14pt !important;
    }
    
    .footer-brand p,
    .footer-contact p {
        color: #6b7280 !important;
        font-size: 10pt !important;
        line-height: 1.4;
    }
    
    .footer-bottom {
        border-top: 1px solid #e5e7eb !important;
        padding-top: 1rem;
        text-align: center;
    }
    
    .footer-bottom p {
        color: #9ca3af !important;
        font-size: 9pt !important;
    }
    
    /* ==========================================================================
       Image Handling
       ========================================================================== */
    
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin: 1rem 0;
    }
    
    .rounded-image {
        width: 100%;
        max-width: 4.5in;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
        margin: 1.5rem auto;
        display: block;
    }
    
    .content-grid img {
        max-width: 3.5in !important;
        margin: 1rem auto;
        display: block;
    }
    
    /* ==========================================================================
       Page Headers & Footers
       ========================================================================== */
    
    @page:left {
        @bottom-left {
            content: counter(page) " | W&L Entrepreneurship";
            font-family: 'Inter', sans-serif;
            font-size: 8pt;
            color: #6b7280;
        }
    }
    
    @page:right {
        @bottom-right {
            content: "Annual Report 2024-2025 | " counter(page);
            font-family: 'Inter', sans-serif;
            font-size: 8pt;
            color: #6b7280;
        }
    }
    
    /* ==========================================================================
       Animation Overrides for Print
       ========================================================================== */
    
    /* Ensure all animated elements are visible in print */
    .metric-card,
    .spotlight-card,
    .engagement-card,
    .priority-card,
    .discovery-block,
    .hero-stats,
    .stagger-item {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
    
    /* ==========================================================================
       Utility Classes for Print
       ========================================================================== */
    
    .print-break {
        page-break-before: always;
    }
    
    .no-print {
        display: none !important;
    }
    
    .print-only {
        display: block !important;
    }
    
    /* ==========================================================================
       Links - Clean for Print
       ========================================================================== */
    
    a {
        color: #1e3a8a !important;
        text-decoration: underline;
    }
    
    a[href]:after {
        content: none !important;
    }
    
    /* ==========================================================================
       Responsive Column Layout
       ========================================================================== */
    
    .content-grid {
        display: block !important;
        margin: 1.5rem 0;
    }
    
    .content-grid .text-content {
        margin: 1.5rem 0;
    }
    
    .content-grid .visual-content {
        margin: 1.5rem 0;
        text-align: center;
    }
    
    /* Two-column layout for certain sections */
    @supports (column-count: 2) {
        .discovery-block .feature-list {
            column-count: 2;
            column-gap: 2rem;
        }
        
        .discovery-block .feature-list li {
            break-inside: avoid;
            margin-bottom: 1.5rem;
        }
    }
}