.report-banner {
  margin: 0 max(64px, calc((100vw - var(--side) - 1180px) / 2 + 64px));
  padding: 24px 28px;
  background: #17352c;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.report-banner p { margin: 0 0 6px; color: #75c1aa; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.report-banner h2 { margin: 0 0 5px; font-size: 23px; }
.report-banner span { font-size: 12px; color: #c5d7d0; }
.report-banner a { flex: none; padding: 12px 18px; background: #6fd0b2; color: #10261f; text-decoration: none; font-size: 12px; font-weight: 900; }
.report-hero { min-height: 520px; }
.report-flow { grid-template-columns: 1fr auto 1fr auto 1fr; }
.report-metrics { grid-template-columns: repeat(4, 1fr); flex-wrap: wrap; }
.report-metrics > div { min-width: 180px; }
.report-test-facts { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) {
  .report-banner { margin: 0 28px; }
  .report-flow { grid-template-columns: 1fr; gap: 12px; }
  .report-flow > i { display: none; }
  .report-metrics { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .report-banner { align-items: flex-start; flex-direction: column; }
  .report-metrics, .report-test-facts { grid-template-columns: 1fr 1fr; }
}