/* ==========================================================================
   Styles for the Data Reconciliation How It Works page
   (docs/recipes/data-reconciliation/deep-dive/how-it-works.md). One file
   mirroring the page's path, so these tables can be adjusted without touching
   any other page's styles. Applies only to the tables wrapped in
   <div class="dr-how-it-works-table" markdown>.
   ========================================================================== */

/* Every column sizes to its content (auto); the first one keeps its label on
   one line. The minimum width stops the columns from being squeezed: below it,
   the theme's own table wrapper provides the sideways scroll. */
.md-typeset .dr-how-it-works-table table {
  width: 100%;
  min-width: 56rem;
  table-layout: auto;
}

.md-typeset .dr-how-it-works-table th,
.md-typeset .dr-how-it-works-table td {
  vertical-align: top;
}

.md-typeset .dr-how-it-works-table th:first-child,
.md-typeset .dr-how-it-works-table td:first-child {
  white-space: nowrap;
}