/* ==========================================================================
   Styles for the Anatomy of a Run page (docs/operations/runs/deep-dive/anatomy.md).
   One file mirroring the page's path, so this table can be adjusted without
   touching any other page's styles. Applies only to the table wrapped in
   <div class="run-anatomy-table" markdown>.
   ========================================================================== */

/* The component table keeps fixed column widths; when the viewport is too
   narrow for them, the theme's own table wrapper provides the sideways
   scroll, so no extra overflow container is added here. */
.md-typeset .run-anatomy-table table {
  width: 53rem;
  table-layout: fixed;
}

/* Fixed column widths: component names, description, state variation. */
.md-typeset .run-anatomy-table th:nth-child(1),
.md-typeset .run-anatomy-table td:nth-child(1) {
  width: 10rem;
}

.md-typeset .run-anatomy-table th:nth-child(2),
.md-typeset .run-anatomy-table td:nth-child(2) {
  width: 28rem;
}

.md-typeset .run-anatomy-table th:nth-child(3),
.md-typeset .run-anatomy-table td:nth-child(3) {
  width: 15rem;
}

.md-typeset .run-anatomy-table td:first-child {
  vertical-align: middle;
}