/* COVERS BOTH span AND div */

/* ADDITIONS FOR span */
  span.r {color: red; background: white} /* replacement */
  span.i {color: yellow; background: black} /* insertion */
  span.ex {color: blue; background: white; font-size: 50%;
     font-family: Helvetica } /* meta-data (explanation) */
  span.ex:before {content: "[[ "; }
  span.ex:after {content: " ]]"; }
  span.c {color: purple; background: white; font-size: 50%;
     font-family: Helvetica } /* commentary */
  span.c:after {content: " }}"; } /* matching {{ is at start of anchor */
    
/* ADDITIONS FOR div */
  div.r {color: red; background: white} /* replacement */
  div.i {color: yellow; background: black} /* insertion */
  div.ex {color: blue; background: white; font-size: 50%;
     font-family: Helvetica } /* meta-data (explanation) */
  div.ex:before {content: "[[ "; }
  div.ex:after {content: " ]]"; }
  div.c {color: purple; background: white; font-size: 50%;
     font-family: Helvetica } /* commentary */
  div.c:after {content: " }}"; }