.table-wrapper table {
  width: 100%;
  table-layout: auto !important;
  /* Allows columns to adjust based on their content */
  border-collapse: collapse;
  /* Improves the appearance of the table */
}
.table-wrapper {
  overflow-x: auto;
  /* Enables horizontal scrolling for the entire table */
  width: 100%;
  /* Ensures the wrapper takes the full width of its container */
}
.table-wrapper table td,
.table-wrapper table th {
  text-wrap: nowrap;
  overflow: hidden !important;
  /* Prevents individual cell scrolling */
  line-height: 1.2 !important;
  /* Maintains consistent line height */
  vertical-align: top !important;
  /* Aligns content to the top of the cell */
}
.Codemirror {
  font-family: "Fira Code";
}
.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
code {
  cursor: pointer;
  background-color: #FFEA80;
  border: 0;
  margin: 0 .1em;
  padding: .2em .4em;
}
code:hover {
  background-color: #FFE149;
}