/* ========================================================================
   Create an Entity Resolution Check field reference tables

   Used by:
     docs/data-quality-checks/entity-resolution/how-tos/create-a-check.md

   Widths tuned for Field / Required / Type / Description, and for the
   Control / Shown for / Type / Description table that lists the controls
   inside a Block and Compare Fields entry. The first column holds a bold
   label and must never wrap, so it takes the width of its longest entry.
   The middle columns hold an icon, a one-word type or a short condition and
   stay narrow. The last column absorbs the rest and keeps a floor so that on
   narrow screens the table scrolls sideways (the theme's table wrapper
   already handles the overflow) instead of squeezing the text into a sliver.
   ======================================================================== */
.entity-resolution-fields-table table {
  width: 100%;
}

/* The theme puts min-width: 5rem on every th, which fights the narrow columns. */
.entity-resolution-fields-table table th {
  min-width: 0;
}

.entity-resolution-fields-table table th,
.entity-resolution-fields-table table td {
  vertical-align: top;
}

.entity-resolution-fields-table table th:nth-child(1),
.entity-resolution-fields-table table td:nth-child(1) {
  white-space: nowrap;
  padding-right: 1.5rem;
}

.entity-resolution-fields-table table th:nth-child(2):not(:last-child),
.entity-resolution-fields-table table td:nth-child(2):not(:last-child),
.entity-resolution-fields-table table th:nth-child(3):not(:last-child),
.entity-resolution-fields-table table td:nth-child(3):not(:last-child) {
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.entity-resolution-fields-table table th:last-child,
.entity-resolution-fields-table table td:last-child {
  width: 100%;
  min-width: 28rem;
}