/* ========================================================================
   Bulk Edit Check Templates tables

   Used by:
     docs/data-quality-checks/how-tos/bulk-edit-check-templates.md
   ======================================================================== */
/* Only a min-width here, never overflow-x: the theme already wraps every table
   in .md-typeset__scrollwrap, which scrolls. Past this width the wrapper scrolls
   the table sideways instead of letting the columns shrink and wrap. */
.bulk-edit-check-templates-table table {
  width: 100%;
  min-width: 34rem;
}

.bulk-edit-check-templates-table table th,
.bulk-edit-check-templates-table table td {
  vertical-align: top;
}

.bulk-edit-check-templates-table table th:nth-child(1),
.bulk-edit-check-templates-table table td:nth-child(1) {
  white-space: nowrap;
}

.bulk-edit-check-templates-table table th:nth-child(2),
.bulk-edit-check-templates-table table td:nth-child(2) {
  width: 100%;
}

/* Theme icons are an <svg> with max-width: 100%, which counts as zero when the
   browser works out a column's minimum width; lifting it lets the first column
   grow with its icons instead of letting the name spill into the next column. */
.bulk-edit-check-templates-table table .twemoji svg {
  max-width: none;
}
