@media print {
  @page { size: A4; margin: 14mm 14mm 16mm; }

  header, footer, nav, .dot-grid-bg, .skip-link, #back-to-top,
  #hero, #grundlagen, #checker, #quellen, #hinweis,
  noscript, #check-loader {
    display: none !important;
  }

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

  #report { display: block !important; padding: 0 !important; }
  #report .container { padding: 0 !important; max-width: none !important; }
  #report .section-header { margin: 0 0 0.6rem !important; text-align: left !important; }
  #report .section-header h2 {
    font-size: 14pt !important;
    margin: 0 0 0.2rem !important;
    color: #000 !important;
  }
  #report .section-header h2 .text-gradient {
    background: none !important;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
  }
  #report .section-header p { font-size: 9pt !important; color: #444 !important; margin: 0 !important; }

  #report::before {
    content: "Prüfbericht – LocSEO Pritchett – locseo.eu";
    display: block;
    font-size: 8pt;
    color: #555;
    margin-bottom: 0.6rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #bbb;
  }

  #report .cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6pt !important;
    margin-bottom: 8pt !important;
  }
  .card, .detail-report-card {
    box-shadow: none !important;
    border: 1px solid #bbb !important;
    background: #fff !important;
    padding: 6pt 8pt !important;
    margin: 0 !important;
    border-radius: 4pt !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .card h3, .detail-report-card h3 {
    font-size: 10pt !important;
    margin: 0 0 4pt !important;
    color: #000 !important;
  }
  .card p, .card li { font-size: 9pt !important; margin: 0 0 2pt !important; }
  .check-list { padding-left: 0 !important; list-style: none !important; margin: 0 !important; }
  .check-list li { padding: 0 !important; }

  .traffic-lights .detail-item {
    font-size: 8.5pt !important;
    padding: 1pt 0 !important;
    margin: 0 !important;
  }

  .detail-report-card { margin-top: 6pt !important; }
  #report-output { display: block; }
  .report-item {
    border: 1px solid #ddd !important;
    border-left: 3pt solid #888 !important;
    padding: 4pt 6pt !important;
    margin: 0 0 4pt !important;
    background: #fff !important;
    font-size: 9pt !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .report-item.error { border-left-color: #b00020 !important; background: #fff5f5 !important; }
  .report-item.warn,
  .report-item.warning { border-left-color: #b8860b !important; background: #fffaf0 !important; }
  .report-item.pass { border-left-color: #2e7d32 !important; background: #f5fbf6 !important; }
  .report-item strong { font-size: 9pt !important; display: block; margin-bottom: 1pt; }
  .report-item p { font-size: 9pt !important; margin: 1pt 0 !important; }
  .report-item ul { margin: 2pt 0 0 !important; padding-left: 14pt !important; }
  .report-item li { font-size: 8.5pt !important; line-height: 1.3 !important; }

  a { color: #000 !important; text-decoration: none !important; }
}