/* allow horizontal scroll on small screens */
article{
  overflow-x:auto;
}

/* table base */
article table{
  width:100%;
  border-collapse:collapse;
  margin:25px 0;
  font-family:system-ui, sans-serif;
  color:#e6edf3;
  background:#0d1117;
}

/* header */
article th{
  background:#161b22;
  padding:14px;
  text-align:left;
  font-size:16px;
}

/* cells */
article td{
  padding:14px;
  border-top:1px solid #21262d;
  line-height:1.5;
}

/* first column bold */
article td:first-child{
  font-weight:600;
}

/* subtle row hover */
article tbody tr:hover{
  background:#161b22;
}

/* small screen tweaks */
@media(max-width:768px){
  article th,
  article td{
    padding:12px;
    font-size:14px;
  }
}