.cgood { color: lime; }
.cwarn { color: yellow; }
.cbad { color: red; }
.cneutral { color: white; }

/**
 * Bring table back
 */
table {
  background-color:var(--md-default-bg-color);
  border:.05rem solid var(--md-typeset-table-color);
  border-radius:.1rem;
  display:inline-block;
  font-size:.64rem;
  max-width:100%;
  overflow:auto;
  touch-action:auto
}
.md-typeset table+* {
  margin-top:1.5em
}
.md-typeset table td>:first-child,
.md-typeset table th>:first-child {
  margin-top:0
}
.md-typeset table td>:last-child,
.md-typeset table th>:last-child {
  margin-bottom:0
}
.md-typeset table th {
  font-weight:700;
  min-width:5rem;
  padding:.9375em 1.25em;
  vertical-align:top
}
.md-typeset table td {
  border-top:.05rem solid var(--md-typeset-table-color);
  padding:.9375em 1.25em;
  vertical-align:top
}
.md-typeset table tbody tr {
  transition:background-color 125ms
}
.md-typeset table tbody tr:hover {
  background-color:var(--md-typeset-table-color--light);
  box-shadow:0 .05rem 0 var(--md-default-bg-color) inset
}
.md-typeset table a {
  word-break:normal
}

/**
 * Responsive Table
 */
@media (max-width: 768px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td,
  .responsive-table th {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
  }

  .responsive-table td,
  .responsive-table th {
    text-align: right;
    position: relative;
  }

  .responsive-table td::before,
  .responsive-table th::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 45%;
    padding-left: 0.5rem;
    font-weight: bold;
    text-align: left;
  }
}