table {
  width: 100%;
  background-color: #f5f5f5;
}

@media (width < 640px) {
  table {
    display: block;
    overflow-x: scroll;
  }
}

thead tr,
tbody tr:nth-of-type(even) {
  background: #efefef;
}

tbody td {
  vertical-align: top;
  padding: 3px 6px;
}

p .icon,
td .icon {
  height: 1.1em;
  vertical-align: text-bottom;
  fill: currentColor;
}

.annotation {
  background-color: rgba(255, 139, 0, 0.06);
  border: 1px solid #ff8b00;
  border-radius: 3px;
  width: fit-content;
  padding: .5em 1em;
  font-weight: 500;
}

.annotation .icon {
  color: #ff8b00;
  margin-right: .5em;
}
