/* 이 편에만 있는 것 — 범례 색. 모양과 색 토큰은 /viz/_shared/viz.css 에 있다.
   색 조각만으로는 뜻이 전해지지 않으므로 index.html 이 이름을 함께 적는다. */
.sw.need { background: #d9480f }
.sw.drag { background: #ffb070 }
.sw.idle { background: #8aa0b8; opacity: .45 }
/* 표가 둘이라 사이를 띄운다. 붙어 있으면 어느 표의 줄인지 헷갈린다. */
.result table + table { margin-top: 1.6rem }
/* SQL 이 길어 좁은 화면에서 가로로 넘친다. 단어 사이에서 꺾이게 둔다. */
#sql { overflow-wrap: anywhere }
/* 열 표는 다섯 칸이라 휴대폰 폭을 넘는다. 표만 옆으로 밀리게 하고 쪽은 그대로 둔다. */
@media (max-width: 40rem) {
  .result table { display: block; overflow-x: auto }
}