.doc .table-scroll {
  overflow-x: auto;
}

.doc td:first-child code {
  white-space: nowrap;
  overflow-wrap: normal;
}

@media (max-width: 720px) {
  .doc .stack thead {
    display: none;
  }

  .doc .stack tr {
    display: block;
    padding: var(--space-12) 0;
    border-bottom: var(--size-hairline) solid var(--color-hairline);
  }

  .doc .stack td {
    display: block;
    padding: 0;
    border: 0;
  }

  .doc .stack td:first-child {
    font-weight: var(--weight-semibold);
  }

  .doc .stack td + td {
    margin-top: var(--space-8);
  }

  .doc .stack td:nth-child(2)::before,
  .doc .stack td:nth-child(3)::before {
    display: block;
    color: var(--color-text-secondary);
    font-size: var(--text-13);
    font-weight: var(--weight-semibold);
  }

  .doc .stack td:nth-child(2)::before {
    content: "What it means";
  }

  .doc .stack td:nth-child(3)::before {
    content: "What to do";
  }
}