/* Reporting pages intentionally use the site's existing Webpixels/Bootstrap
   components. These rules only handle report-specific wrapping and anchors. */

.report-anchor {
  scroll-margin-top: 1.5rem;
}

.report-copy {
  max-width: 72ch;
}

.report-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.report-meta .badge {
  white-space: normal;
  text-align: left;
  line-height: 1.4;
}

.report-definition {
  border-left: 3px solid var(--pangoni-primary);
}

.report-definition.is-limitation {
  border-left-color: var(--x-warning);
}

.report-table td,
.report-table th {
  white-space: normal !important;
  vertical-align: middle;
}

.report-table .table-group-row th {
  color: var(--x-gray-900);
  background: var(--x-gray-100);
}

.report-roadmap-card {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.report-roadmap-card p {
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 767.98px) {
  .report-table {
    min-width: 700px;
  }
}