/*-------------------------
  タイムラインの分岐グラフ（assets/js/timeline_graph.js）
  並行していた所属は本線から分岐して表示する
------------------------- */
.g-graph {
  position: relative;
  align-self: stretch;
  overflow: visible;
}
.g-line {
  position: absolute;
  width: 2px;
  margin-left: -1px;
}
.g-dot {
  position: absolute;
  top: 50%;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid;
  box-shadow: 0 0 0 2px var(--g-ring, #fff);
}
/* 分岐: 親の線から下端を通って分岐先レーンへ上がる（合流はしない） */
.g-joint {
  position: absolute;
  top: 50%;
  bottom: -1px;
  margin-left: 1px;
  border: 0 solid;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-bottom-right-radius: 8px;
}
/* 左側のレーンへ分岐する場合（例: タイの線から東京リモート） */
.g-joint.to-left {
  margin-left: -1px;
  border-right-width: 0;
  border-left-width: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}
@media print {
  .g-line,
  .g-dot,
  .g-joint {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}