.table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.cg-table{
  width:max-content;
  min-width:100%;
  border-collapse:collapse;
  border:1px solid var(--colour-secondary);
  border-radius:12px;
  overflow:hidden;
}

.cg-table th,
.cg-table td{
  padding:.6rem .7rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
}

.cg-table th{
  text-align:left;
  background:var(--colour-banner);
}

.cg-table tbody tr:nth-child(even){
  background:rgba(255,255,255,.03);
}

.right{ text-align:right; }
.nowrap{ white-space:nowrap; }

.notes{
  max-width:320px;
  white-space:pre-wrap;
  word-break:break-word;
}