/* Only the results screen is ever in the DOM when "Save your report" is clicked,
   so this just needs to make that screen read like a branded A4 report. */

@page {
  size: A4;
  margin: 18mm 16mm;
}

body {
  background: #fff !important;
}

.no-print {
  display: none !important;
}

.print-only {
  display: block !important;
}

.print-header {
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 2px solid #1a2b3c;
}

.print-brand {
  font-weight: 700;
  color: #1a2b3c;
  font-size: 0.9rem;
  margin-bottom: 6px;
}

.print-report-title {
  font-size: 1.3rem;
  font-weight: 800;
  color: #1a2b3c;
}

.print-meta {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 4px;
}

.screen {
  max-width: 100%;
  padding: 0;
}

.cta-block {
  break-inside: avoid;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.tier-copy,
.seesaw-item,
.credibility-block {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  break-inside: avoid;
}

.category-row {
  break-inside: avoid;
}

a[href]::after {
  content: " (" attr(href) ")";
  font-size: 0.75rem;
  color: #6b7280;
}