/* ROOT .root   svg g:first-child g:first-child text {} */


svg {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

  svg .root tspan {
    font-size: 0.5em;

  }

  svg .root tspan.logogram {
    font-size: 5em;
  }

  svg .root tspan.phon {
    stroke: red;
  }

  svg .root path {
    stroke: none;
    opacity: 0;
    fill: white;
  }

  svg .node path {
    fill-rule: evenodd;
    stroke: #fff;
  }



  svg path {
    cursor: pointer;
  }
  /*

  DOESN'T WORK
  svg .node path:hover {
    fill: orange;
  }
  */
  svg g.emphasis text{
    color: red;
  }


div.tooltip {
  position: absolute;
  max-width: 300px;
  padding: 4px;


  word-wrap: normal;
  text-align:  left;
  font-size: 0.8em;

  background: lightsteelblue;
  border-radius: 8px;
  pointer-events: none;
}

div.tooltip th {
  font-size: 2em;
  border-bottom: 1px solid #777;
}

div.tooltip tr.phon {
  font-size: 1em;
  color: red;
}



text {
  font-size: 1.5em;
}

text .small {
  font-size: 0.5em;
}