*{margin:0;padding:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@font-face{font-family:'meter1'; src:url('openscan.woff') format('woff');}
@font-face{font-family:'meter2'; src:url('metrical.woff') format('woff');}
html{height:100%;margin:0;overflow:hidden;}
body{height:100%;margin:0;overflow:hidden;font-family:'meter1';font-size:100%;}
#hdr{line-height:2em;height:2em;text-align:center;font-size:1.2em;width:100%;background-color:#009;color:#fff;}
#togbtn,#fntbtn{font-size:1em;font-family:'meter1';border:1px solid #ccc;border-radius:.1em;background-color:#009;padding:.2em .4em;color:#fff;line-height:1.0em;margin:0 .5em .5em 1.5em;cursor:pointer;}
#txt{position:absolute; top:2em; left:0px; right:0px; bottom:0px; overflow-y:scroll;font-size:1.2em;padding:1em 0 1em 2em;line-height:1.8em;}
.sansscan{font-family:'meter1';}
.serifscan{font-family:'meter2';}
p{text-indent:-2em;margin-left:2em;}
hr{margin:.8em 0;color:#ccc;background-color:#ccc;height:1px;border:none;}
.linno{float:right;color:#888;text-indent:0;padding-right:.5em;}
.elide{font-size:1em;color:#c88;}
.sep{font-size:1em;color:#38f;}
.caes{font-size:1em;color:#c40;}
