.markdown-section table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.markdown-section table::-webkit-scrollbar {
  height: 8px;
}

.markdown-section table::-webkit-scrollbar-thumb {
  background: #9daab6;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .markdown-section table th,
  .markdown-section table td {
    padding: 4px 6px;
    font-size: 12px;
  }

  .markdown-section table th {
    white-space: normal;
  }
}