/* span.xnt and div.x-note must come in pairs. xnt is annotation marker, x-note is a annotation block of text. */

span.xnt {
font-weight:bold;
color:hsl(240,100%,40%);
}

b.x3nt {
font-weight:bold;
}

b.x3nt:after {
font-weight:normal;
content:" ➜";
}

div.xnote {float:right;
clear:right;
width:47%;
margin:.3rem;
padding:.3rem;
background-color:hsl(0,0%,94%);
border:solid thin gray;
}

div.xnote div.chinese-etymology-96656 {display:inline-block}

div.chinese-etymology-96656 b.w {font-size:3rem;font-weight:normal}
div.chinese-etymology-96656 span.en {background-color:#e0eee0}
div.chinese-etymology-96656 span.zh {background-color:#ffefd5}

span.english-etymology-35252 {background-color:#e0eee0}
span.english-etymology-35252:before {content:"[Etymology: "}
span.english-etymology-35252:after {content:"]"}

/* oafm and anote must come in pairs.
oafm = original author footnote's marker.
anote = footnotes text block by original author.
*/
span.oafm {color:#8b0000;background-color:#e0eee0}
span.oafm:after {content:"‡"}
div.anote {line-height:1.3;margin-top:.2ex;margin-bottom:.5ex;padding:.5ex;width:60ex;background-color:#e0eee0}
div.anote > p {margin-top:.2ex;margin-bottom:.2ex; padding:.2ex;width:60ex}

div.poem_xl {
display:inline-block;
font-family:sans-serif;
padding:.25rem;
margin:.25rem;
background-color:hsl(302,37%,87%);
border:solid thin silver;
border-radius:.5rem;
}

div.poem_xl pre {
display:inline-block;
font-family:sans-serif;
padding:.25rem;
margin:.25rem;
background-color:hsl(39,78%,88%);
border:solid thin silver;
border-radius:.5rem;
}

.lyrics_xl {display:table;
font-family:sans-serif;
white-space:pre;
padding:.3rem;
background-color:hsl(24,100%,96%);
border:solid thin silver;
border-radius:.5rem;
}

ul.lyrics-data88 {display:table;
background-color:hsl(110,28%,92%);}

ul.lyrics-data88 > li {margin:0}

ruby.ruby88 {font-size:2rem;font-family:sans-serif;color:#8b0000}
rt {color:hsl(154,95%,17%);font-size:1rem}
