/*
 * dl-sidenote.css
 * 
 * Implements paragraph-level sidenotes.
 * 
<p> Content...<sup>[ref]</sup> </p>
<dl class="sidenote"><dt>[ref]</dt><dd> Description </dd>
</dl>
 * 
 */
 
#workskin dl.sidenote {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr 8fr;
  margin-left: 50%;
  margin-bottom: 2ex;
  border-top: 2pt solid gray;
  font-size: 67%;
}

#workskin dl.sidenote > dt {
  margin: 1ex 0;
  vertical-align: middle;
  text-decoration: underline;
}

#workskin dl.sidenote > dd {
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  right: 0;
  text-align: left;
}