/* ========================================================================
   Anomalies section tables

   Used by every page under docs/anomalies/ whose tables carry one of the
   classes below. Tables with a class of their own (the permission matrix,
   Filter and Sort, the ticket field references, consequences tables) keep
   it, and Sample Data tables in the examples stay unwrapped, as on the
   check pages.

   Every table spans the content width. Labels never wrap and size to
   their content, and on narrow screens the table scrolls sideways instead
   of breaking them.
   ======================================================================== */

/* Label and description: the first column never wraps, the last one takes
   the rest of the width. */
.anomalies-table table {
  width: 100%;
}

.anomalies-table table th,
.anomalies-table table td {
  vertical-align: top;
}

.anomalies-table table th:first-child,
.anomalies-table table td:first-child {
  white-space: nowrap;
}

.anomalies-table table th:last-child,
.anomalies-table table td:last-child {
  width: 100%;
  min-width: 18rem;
}

/* Side-by-side comparison, with an empty first header: the row labels never
   wrap, and the compared columns share the rest of the width. */
.anomalies-compare-table table {
  width: 100%;
}

.anomalies-compare-table table th,
.anomalies-compare-table table td {
  vertical-align: top;
}

.anomalies-compare-table table th:first-child,
.anomalies-compare-table table td:first-child {
  white-space: nowrap;
}

.anomalies-compare-table table th:not(:first-child),
.anomalies-compare-table table td:not(:first-child) {
  min-width: 16rem;
}

/* Matrix of supported or not supported: the name column takes the width,
   the icon columns stay narrow and centered. */
.anomalies-matrix-table table {
  width: 100%;
}

.anomalies-matrix-table table th:first-child,
.anomalies-matrix-table table td:first-child {
  white-space: nowrap;
  width: 100%;
  padding-right: 1.5rem;
}

.anomalies-matrix-table table th:not(:first-child),
.anomalies-matrix-table table td:not(:first-child) {
  white-space: nowrap;
  text-align: center;
  min-width: 8rem;
}