/* Print / save-as-PDF styling for the two report views. */
@page { size: A4; margin: 14mm 12mm; }

.topbar, .no-print, .scorebar, .confirm, .toolbar { display: none !important; }

body {
  background: #fff !important;
  color: #000;
  font-size: 10.5pt;
}

.wrap, .wrap-narrow { max-width: none; padding: 0; margin: 0; }

.panel {
  box-shadow: none !important;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  break-inside: avoid;
}
.panel-head { padding: 8px 12px; }
.panel-body { padding: 10px 12px; }

h1 { font-size: 17pt; }
h2 { font-size: 11.5pt; }
.report-header { border-bottom: 2px solid #000; padding-bottom: 8px; margin-bottom: 12px; }
.score-big .n { font-size: 26pt; }

/* Force the tier and level colours through - browsers drop backgrounds by default. */
.tier, .bar, .bar i, .tile, .callout, .quote, .pts, .q-id, .tag-qualifying, .risk-badge {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.answer-row .rec { font-size: 9pt; }

.tiles { grid-template-columns: repeat(4, 1fr); gap: 8px; }
.tile { padding: 8px 10px; box-shadow: none; }
.tile .v { font-size: 18pt; }

.bar-row { grid-template-columns: 1fr 130px 56px; }
.answer-row, .bar-row, tr { break-inside: avoid; }
.answer-row { padding: 7px 0; }

table.data th { background: #f2f2f2 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
table.data td, table.data th { padding: 6px 8px; }
table.data tbody tr { cursor: default; }

.page-break { break-after: page; }
.report-footer { margin-top: 10px; font-size: 8.5pt; }

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