/* ========================================================================
   Insights How It Works tables

   Used by:
     docs/explore/insights/how-it-works.md
   ======================================================================== */
/* Controls Table - the label column holds an icon plus a two-word control
   name, so it needs more room than the theme's default distribution gives. */
.insights-controls-table {
  overflow-x: auto;
}

.insights-controls-table table {
  table-layout: fixed;
  width: 100%;
  min-width: 24rem;
}

.insights-controls-table table th:nth-child(1),
.insights-controls-table table td:nth-child(1) {
  width: 25%;
}

.insights-controls-table table th:nth-child(2),
.insights-controls-table table td:nth-child(2) {
  width: 75%;
}