/* Everything here is copied from `docs/stylesheets/extra.css`, which serves the upstream
   site, and is needed because the rule tables on both sites are generated by the same
   code. Keep the two in sync. */

/* Material renders tables as `display: block` so they can scroll horizontally. That
   makes the last column — whose header is `.sr-only`, and therefore out of flow —
   collapse to zero width, hiding the status and fixability icons entirely. */
.md-typeset__table {
  min-width: 100%;
}

.md-typeset table:not([class]) {
  display: table;
}

/* The rule tables pair every status and fixability icon with a text equivalent for
   screen readers. Without this rule that text renders visibly and each row grows to
   several lines tall. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}