/* ==========================================================================
   Styles for the Quick Stats Icons page
   (docs/operations/runs/deep-dive/quick-stats-icons.md). One file mirroring
   the page's path, so these tables can be adjusted without touching any other
   page's styles. Applies only to tables wrapped in
   <div class="quick-stats-table" markdown>.
   ========================================================================== */

/* Fixed column widths; when the viewport is too narrow for them, the theme's
   own table wrapper provides the sideways scroll. */
.md-typeset .quick-stats-table table {
  width: 42rem;
  table-layout: fixed;
}

/* The Icon column carries the icon inline before its tooltip label, held to a
   fixed width so the description gets the room. */
.md-typeset .quick-stats-table th:first-child,
.md-typeset .quick-stats-table td:first-child {
  width: 12rem;
}

.md-typeset .quick-stats-table td {
  vertical-align: middle;
}

/* Icons carry the theme's `.lg` size; here only alignment and the gap before
   the label. Direct children only, so the stacked composite icons keep their
   own internal layout. */
.md-typeset .quick-stats-table td:first-child > .twemoji {
  vertical-align: -0.3rem;
}

.md-typeset .quick-stats-table td:first-child > .twemoji,
.md-typeset .quick-stats-table td:first-child > span {
  margin-right: 0.25rem;
}

/* The stacked composite icons size themselves in em; bump them here so they
   match the plain icons' `.lg` size in this table. */
.md-typeset .quick-stats-table td:first-child > .qua-icon-computed-field,
.md-typeset .quick-stats-table td:first-child > .qua-icon-checks-updated,
.md-typeset .quick-stats-table td:first-child > .qua-icon-auto-resolved {
  font-size: 1.4em;
}