/* ========================================================================
   Insights Quality Score tables

   Used by:
     docs/explore/insights/quality-score.md
   ======================================================================== */
/* Quality Dimensions Table - the label column holds an icon plus a single
   dimension name, so it needs a fixed share rather than the wide split the
   theme derives from the longer descriptions in the second column.

   The wrapper scrolls instead of letting the fixed layout squash the label
   column: below the table's min-width, "Completeness" and the icon beside it
   would otherwise break across lines on a narrow viewport. */
.quality-dimensions-table {
  overflow-x: auto;
}

.quality-dimensions-table table {
  table-layout: fixed;
  width: 100%;
  min-width: 24rem;
}

.quality-dimensions-table table th:nth-child(1),
.quality-dimensions-table table td:nth-child(1) {
  width: 32%;
}

.quality-dimensions-table table th:nth-child(2),
.quality-dimensions-table table td:nth-child(2) {
  width: 68%;
}