/**
 * Practical Super Intelligence — Native Browser Print Stylesheet
 * 
 * Formats the Assessment Diagnostic Report and 3-Scenario Calculator
 * into a crisp, clean 2-page executive summary formatted for standard
 * Letter and A4 PDF export via window.print().
 * 
 * Zero external libraries required. 100% native vector rendering.
 */

@media print {
  /* Global Page Settings */
  @page {
    size: letter portrait;
    margin: 15mm 15mm 15mm 15mm;
  }

  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 10pt !important;
    line-height: 1.4 !important;
    color: #111827 !important;
    background: #ffffff !important;
  }

  /* Hide Screen Navigation, Inputs, Controls, and Filler */
  .skip-link,
  .site-header,
  .mobile-nav-toggle,
  .site-nav,
  .stage-progress,
  .preset-group,
  .status-callout,
  form.card,
  .hero-actions,
  .btn,
  button,
  .report-action-bar,
  #export-json-btn,
  #print-report-btn,
  #print-report-calc-btn,
  #reset-assessment-btn,
  .footer-nav,
  input,
  select,
  textarea {
    display: none !important;
  }

  /* Show Report Container cleanly */
  #results-preview-section {
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }

  /* Print Header Watermark */
  #results-preview-section::before {
    content: "PRACTICAL SUPER INTELLIGENCE  •  WORKFLOW READINESS REPORT";
    display: block;
    font-size: 9pt;
    font-weight: 700;
    color: #4b5563 !important;
    letter-spacing: 0.1em;
    border-bottom: 2pt solid #111827;
    padding-bottom: 4pt;
    margin-bottom: 12pt;
    text-transform: uppercase;
  }

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

  h2 {
    font-size: 16pt !important;
    margin-bottom: 4pt !important;
  }

  h3 {
    font-size: 12pt !important;
    margin-bottom: 4pt !important;
  }

  .badge {
    border: 1pt solid #374151 !important;
    padding: 2pt 6pt !important;
    font-size: 8pt !important;
    font-weight: 700 !important;
    display: inline-block !important;
    border-radius: 3pt !important;
  }

  /* Result Banners */
  .result-banner {
    border: 1.5pt solid #111827 !important;
    padding: 10pt !important;
    border-radius: 4pt !important;
    margin-bottom: 12pt !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Cards & Grid Layouts */
  .card {
    border: 1pt solid #9ca3af !important;
    padding: 10pt !important;
    border-radius: 4pt !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .grid {
    display: grid !important;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr !important;
    gap: 10pt !important;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8pt !important;
  }

  /* Pillar Progress Bars */
  div[style*="height: 8px;"] {
    border: 0.5pt solid #6b7280 !important;
    height: 6pt !important;
    background: #e5e7eb !important;
  }

  div[style*="height: 100%; width:"] {
    background: #111827 !important;
  }

  /* Calculator Section Print Formatting */
  #interactive-calculator-container {
    page-break-before: auto;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-top: 12pt !important;
  }

  /* Footer in Print */
  .site-footer {
    border-top: 1pt solid #9ca3af !important;
    margin-top: 16pt !important;
    padding-top: 8pt !important;
    font-size: 8pt !important;
  }

  .footer-inner {
    display: none !important;
  }

  .footer-disclaimer {
    display: block !important;
    font-size: 7.5pt !important;
    color: #4b5563 !important;
  }
}