/* 이 편에만 있는 것 — 범례 색과 헤더 비중 막대. 모양과 색 토큰은 /viz/_shared/viz.css 에 있다.
   색 조각만으로는 뜻이 전해지지 않으므로 index.html 이 이름을 함께 적는다. */
.sw.body, .share .body { background: #8aa0b8 }
.sw.httphead, .share .httphead { background: #d9b86c }
.sw.tls { background: #8e6bbf }
.sw.tcp { background: #2f7ed8 }
.sw.ip { background: #2a9d6f }
.sw.eth, .share .over { background: #e07b39 }
.sw.pad { background: #c9d1da }

/* 헤더 비중은 비율 하나라 평면 막대로 둔다. 3D 원근은 비율을 왜곡한다. */
.share {
  display: flex;
  height: 1.1rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
  background: var(--paper);
}
.share span { display: block; height: 100% }

#bodyNum { width: 7rem }
.stepText { min-height: 3.4em; margin: .2rem 0 .6rem }
pre.httpText {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .7rem .9rem;
  overflow-x: auto;
}
/* 채움 바이트가 들어간 프레임 — 1바이트 넘친 요청의 마지막 조각이 여기에 걸린다. */
tr.padded th, tr.padded td { font-weight: 650 }
.result table + table { margin-top: 1.6rem }