xmls css, stepwise changes

3 files changed, 3717 insertions, 3687 deletions

diff --git a/src/doc_reform/io_out/xmls_css.d b/src/doc_reform/io_out/xmls_css.d
index 90b295e..53246b3 100644
--- a/src/doc_reform/io_out/xmls_css.d
+++ b/src/doc_reform/io_out/xmls_css.d
@@ -469,526 +469,529 @@ template spineCss() {
     text-indent              : 0em;
   }
 ┃");
-string _color_ocn_light  = (doc_matters.opt.action.ocn_hidden) ? "#FFFFFF" : "#777777";
-string _color_ocn_dark   = (doc_matters.opt.action.ocn_hidden) ? "#000000" : "#BBBBBB";
+    string _color_ocn_light  = (doc_matters.opt.action.ocn_hidden) ? "#FFFFFF" : "#777777";
+    string _color_ocn_dark   = (doc_matters.opt.action.ocn_hidden) ? "#000000" : "#BBBBBB";
     string _css_light_html_seg = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #FFFFFF;
-}
-body {
-  color                    : #000000;
-  background               : #FFFFFF;
-  background-color         : #FFFFFF;
-}
-a:link {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #32CD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #777777;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #FFFFFF;
-}
-a:active {
-  color                    : #003399;
-  text-decoration          : underline;
-}
-input {
-  color                    : #000000;
-  background-color         : #FFFFFF;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #FFFFFF;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #FFFFFF;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #FFFFFF;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #EEEEEE;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #EEEEEE;
-  padding-left             : 1em;
-  background-color         : #EEEEEE;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #FFFFFF;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #FFFFFF;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #EEEEEE;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #0000aa;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAAA;
-}
-div.toc a:visited {
-  color                    : #0000aa;
-}
-div.toc a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-  /* background-color         : #666666; */
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #777777;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #777777;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #FFFFFF;
+  }
+  body {
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
+  }
+  a:link {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #32CD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #777777;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #FFFFFF;
+  }
+  a:active {
+    color                    : #003399;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #000000;
+    background-color         : #FFFFFF;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #FFFFFF;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #FFFFFF;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #EEEEEE;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #EEEEEE;
+    padding-left             : 1em;
+    background-color         : #EEEEEE;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #FFFFFF;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #EEEEEE;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #0000aa;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAAA;
+  }
+  div.toc a:visited {
+    color                    : #0000aa;
+  }
+  div.toc a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+    /* background-color         : #666666; */
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #777777;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #777777;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #808080;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #808080;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
@@ -1002,713 +1005,716 @@ p.form {
   font-size                : 150%%;
   line-height              : 150%%;
 }
-.icon-bar {
-  width                    : 100%%;
-  overflow                 : auto;
-  margin                   : 0em 0em 0em;
-}
-.left-bar {
-  width                    : 85%%;
-  float                    : left;
-  display                  : inline;
-  overflow                 : auto;
-}
-.toc-button {
-  position                 : absolute;
-  top                      : 8px;
-  width                    : 2em;
-  height                   : 2em;
-  border-radius            : 50%%;
-  background               : #CCCCCC;
-  fill                     : #333333;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-}
-.toc-button svg {
-  position                 : relative;
-  left                     : 25%%;
-  top                      : 25%%;
-  width                    : 150%%;
-  height                   : 150%%;
-}
-.toc-button p {
-  vertical-align           : center;
-  font-size                : 120%%;
-}
-.prev-next-button {
-  position                 : absolute;
-  top                      : 8px;
-  width                    : 2em;
-  height                   : 2em;
-  border-radius            : 50%%;
-  background               : #CCCCCC;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-}
-.prev-next-button svg {
-  position                 : relative;
-  left                     : 20%%;
-  top                      : 20%%;
-  width                    : 60%%;
-  height                   : 60%%;
-}
-.menu {
-  right                    : 6em;
- }
-.previous {
-  right                    : 3em;
- }
-.next {
-  right                    : 0em;
- }
-.arrow {
-  fill                     : #333333;
-}
-.minitoc {
-  line-height              : 100%%;
-  font-size                : 90%%;
-  margin-top               : 6px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-/* flex */
-.flex-menu-bar {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-flex-wrap        : wrap;
-  -webkit-align-items      : center;
-  align-items              : center;
-  width                    : 100%%;
-  margin-left              : 5%%;
-  margin-right             : 2%%;
-  background-color         : #FFFFFF;
-}
-.flex-menu-option {
-  background-color         : #FFFFFF;
-  margin-right             : 4px;
-}
-.flex-list {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-align-items      : center;
-  display                  : block;
-  align-items              : center;
-  width                    : 100%%;
-  background-color         : #FFFFFF;
-}
-.flex-list-item {
-  background-color         : #FFFFFF;
-  margin                   : 4px;
-}
-/* grid */
-.wrapper {
-  display                  : grid;
-  grid-template-columns    : 100%%;
-  grid-template-areas      :
-    "headband"
-    "doc_header"
-    "doc_title"
-    "doc_toc"
-    "doc_prefix"
-    "doc_intro"
-    "doc_body"
-    "doc_endnotes"
-    "doc_glossary"
-    "doc_biblio"
-    "doc_bookindex"
-    "doc_blurb"
-    "doc_suffix";
-  margin                   : 0px;
-  padding                  : 0px;
-  background-color         : #FFFFFF;
-}
-.delimit {
-  border-style             : none;
-  border-color             : #FFFFFF;
-  padding                  : 10px;
-}
-.headband {
-  grid-area                : headband;
-  background-color         : #FFFFFF;
-}
-.doc_header {
-  grid-area                : doc_header;
-}
-.doc_title {
-  grid-area                : doc_title;
-}
-.doc_toc {
-  grid-area                : doc_toc;
-}
-.doc_prefix {
-  grid-area                : doc_prefix;
-}
-.doc_intro {
-  grid-area                : doc_intro;
-}
-.doc_body {
-  grid-area                : doc_body;
-}
-.doc_endnotes {
-  grid-area                : doc_endnotes;
-}
-.doc_glossary {
-  grid-area                : doc_glossary;
-}
-.doc_biblio {
-  grid-area                : doc_biblio;
-}
-.doc_bookindex {
-  grid-area                : doc_bookindex;
-}
-.doc_blurb {
-  grid-area                : doc_blurb;
-}
-.doc_suffix {
-  grid-area                : doc_suffix;
-}
-.nav-ul {
-  list-style               : none;
-  float                    : left;
-}
-.nav-li {
-  float                    : left;
-  padding-right            : 0.7em;
-}
-.nav-li a {
-  text-decoration          : none;
-  color                    : #FFFFFF;
-}
-footer {
-  background-color         : #00704E;
-}
+  .icon-bar {
+    width                    : 100%%;
+    overflow                 : auto;
+    margin                   : 0em 0em 0em;
+  }
+  .left-bar {
+    width                    : 85%%;
+    float                    : left;
+    display                  : inline;
+    overflow                 : auto;
+  }
+  .toc-button {
+    position                 : absolute;
+    top                      : 8px;
+    width                    : 3em;
+    height                   : 3em;
+    border-radius            : 50%%;
+    background               : #CCCCCC;
+    fill                     : #333333;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+  }
+  .toc-button svg {
+    position                 : relative;
+    left                     : 25%%;
+    top                      : 25%%;
+    width                    : 150%%;
+    height                   : 150%%;
+  }
+  .toc-button p {
+    vertical-align           : center;
+    font-size                : 120%%;
+  }
+  .prev-next-button {
+    position                 : absolute;
+    top                      : 8px;
+    width                    : 3em;
+    height                   : 3em;
+    border-radius            : 50%%;
+    background               : #CCCCCC;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+  }
+  .prev-next-button svg {
+    position                 : relative;
+    left                     : 20%%;
+    top                      : 20%%;
+    width                    : 60%%;
+    height                   : 60%%;
+  }
+  .menu {
+    right                    : 8em;
+   }
+  .previous {
+    right                    : 4em;
+   }
+  .next {
+    right                    : 0em;
+   }
+  .arrow {
+    fill                     : #333333;
+  }
+  .minitoc {
+    line-height              : 120%%;
+    font-size                : 100%%;
+    margin-top               : 6px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  /* flex */
+  .flex-menu-bar {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-flex-wrap        : wrap;
+    -webkit-align-items      : center;
+    align-items              : center;
+    width                    : 100%%;
+    margin-left              : 5%%;
+    margin-right             : 2%%;
+    background-color         : #FFFFFF;
+  }
+  .flex-menu-option {
+    background-color         : #FFFFFF;
+    margin-right             : 4px;
+  }
+  .flex-list {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-align-items      : center;
+    display                  : block;
+    align-items              : center;
+    width                    : 100%%;
+    background-color         : #FFFFFF;
+  }
+  .flex-list-item {
+    background-color         : #FFFFFF;
+    margin                   : 4px;
+  }
+  /* grid */
+  .wrapper {
+    display                  : grid;
+    grid-template-columns    : 100%%;
+    grid-template-areas      :
+      "headband"
+      "doc_header"
+      "doc_title"
+      "doc_toc"
+      "doc_prefix"
+      "doc_intro"
+      "doc_body"
+      "doc_endnotes"
+      "doc_glossary"
+      "doc_biblio"
+      "doc_bookindex"
+      "doc_blurb"
+      "doc_suffix";
+    margin                   : 0px;
+    padding                  : 0px;
+    background-color         : #FFFFFF;
+  }
+  .delimit {
+    border-style             : none;
+    border-color             : #FFFFFF;
+    padding                  : 10px;
+  }
+  .headband {
+    grid-area                : headband;
+    background-color         : #FFFFFF;
+  }
+  .doc_header {
+    grid-area                : doc_header;
+  }
+  .doc_title {
+    grid-area                : doc_title;
+  }
+  .doc_toc {
+    grid-area                : doc_toc;
+  }
+  .doc_prefix {
+    grid-area                : doc_prefix;
+  }
+  .doc_intro {
+    grid-area                : doc_intro;
+  }
+  .doc_body {
+    grid-area                : doc_body;
+  }
+  .doc_endnotes {
+    grid-area                : doc_endnotes;
+  }
+  .doc_glossary {
+    grid-area                : doc_glossary;
+  }
+  .doc_biblio {
+    grid-area                : doc_biblio;
+  }
+  .doc_bookindex {
+    grid-area                : doc_bookindex;
+  }
+  .doc_blurb {
+    grid-area                : doc_blurb;
+  }
+  .doc_suffix {
+    grid-area                : doc_suffix;
+  }
+  .nav-ul {
+    list-style               : none;
+    float                    : left;
+  }
+  .nav-li {
+    float                    : left;
+    padding-right            : 0.7em;
+  }
+  .nav-li a {
+    text-decoration          : none;
+    color                    : #FFFFFF;
+  }
+  footer {
+    background-color         : #00704E;
+  }
 ┃",
     _color_ocn_light,
     _css_indent,
     _color_ocn_light,
 );
     string _css_dark_html_seg = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #000000;
-}
-body {
-  color                    : #CCCCCC;
-  background               : #000000;
-  background-color         : #000000;
-}
-a:link {
-  color                    : #FFFFFF;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #999999;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #555555;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #9ACD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #BBBBBB;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #000000;
-}
-a:active {
-  color                    : #888888;
-  text-decoration          : underline;
-}
-input {
-  color                    : #FFFFFF;
-  background-color         : #777777;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #000000;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #000000;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #000000;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #111111;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #111111;
-  padding-left             : 1em;
-  background-color         : #111111;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #000000;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #000000;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #111111;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #FF00AA;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAF9;
-}
-div.toc a:visited {
-  color                    : #FF00AA;
-}
-div.toc a:hover {
-  color                    : #CCCCCC;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #EEEEEE;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #555555;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #000000;
+  }
+  body {
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
+  }
+  a:link {
+    color                    : #FFFFFF;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #999999;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #555555;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #9ACD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #BBBBBB;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #000000;
+  }
+  a:active {
+    color                    : #888888;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #FFFFFF;
+    background-color         : #777777;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #000000;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #000000;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #111111;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #111111;
+    padding-left             : 1em;
+    background-color         : #111111;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #000000;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #111111;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #FF00AA;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAF9;
+  }
+  div.toc a:visited {
+    color                    : #FF00AA;
+  }
+  div.toc a:hover {
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #EEEEEE;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #555555;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #999999;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #999999;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
@@ -1722,714 +1728,717 @@ p.form {
   font-size                : 150%%;
   line-height              : 150%%;
 }
-.icon-bar {
-  width                    : 100%%;
-  overflow                 : auto;
-  margin                   : 0em 0em 0em;
-}
-.left-bar {
-  width                    : 85%%;
-  float                    : left;
-  display                  : inline;
-  overflow                 : auto;
-}
-.toc-button {
-  position                 : absolute;
-  top                      : 8px;
-  width                    : 2em;
-  height                   : 2em;
-  border-radius            : 50%%;
-  background               : #555555;
-  fill                     : #DDDDDD;
-  box-shadow               : 0 2px 5px #EEEEEE inset;
-}
-.toc-button svg {
-  position                 : relative;
-  left                     : 25%%;
-  top                      : 25%%;
-  width                    : 150%%;
-  height                   : 150%%;
-}
-.toc-button p {
-  vertical-align           : center;
-  font-size                : 120%%;
-}
-.prev-next-button {
-  position                 : absolute;
-  top                      : 8px;
-  width                    : 2em;
-  height                   : 2em;
-  border-radius            : 50%%;
-  background               : #555555;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-}
-.prev-next-button svg {
-  position                 : relative;
-  left                     : 20%%;
-  top                      : 20%%;
-  width                    : 60%%;
-  height                   : 60%%;
-}
-.menu {
-  right                    : 6em;
- }
-.previous {
-  right                    : 3em;
- }
-.next {
-  right                    : 0em;
- }
-.arrow {
-   fill                    : #DDDDDD;
-}
-.minitoc {
-  line-height              : 100%%;
-  font-size                : 90%%;
-  margin-top               : 6px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-/* flex */
-.flex-menu-bar {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-flex-wrap        : wrap;
-  -webkit-align-items      : center;
-  align-items              : center;
-  width                    : 100%%;
-  margin-left              : 5%%;
-  margin-right             : 2%%;
-  background-color         : #000000;
-}
-.flex-menu-option {
-  background-color         : #000000;
-  margin-right             : 4px;
-}
-.flex-list {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-align-items      : center;
-  display                  : block;
-  align-items              : center;
-  width                    : 100%%;
-  background-color         : #000000;
-}
-.flex-list-item {
-  background-color         : #000000;
-  margin                   : 4px;
-}
-/* grid */
-.wrapper {
-  display                  : grid;
-  grid-template-columns    : 100%%;
-  grid-template-areas      :
-    "headband"
-    "doc_header"
-    "doc_title"
-    "doc_toc"
-    "doc_prefix"
-    "doc_intro"
-    "doc_body"
-    "doc_endnotes"
-    "doc_glossary"
-    "doc_biblio"
-    "doc_bookindex"
-    "doc_blurb"
-    "doc_suffix";
-  margin                   : 0px;
-  padding                  : 0px;
-  background-color         : #000000;
-}
-.delimit {
-  border-style             : none;
-  border-color             : #000000;
-  padding                  : 10px;
-}
-.headband {
-  grid-area                : headband;
-  background-color         : #000000;
-}
-.doc_header {
-  grid-area                : doc_header;
-}
-.doc_title {
-  grid-area                : doc_title;
-}
-.doc_toc {
-  grid-area                : doc_toc;
-}
-.doc_prefix {
-  grid-area                : doc_prefix;
-}
-.doc_intro {
-  grid-area                : doc_intro;
-}
-.doc_body {
-  grid-area                : doc_body;
-}
-.doc_endnotes {
-  grid-area                : doc_endnotes;
-}
-.doc_glossary {
-  grid-area                : doc_glossary;
-}
-.doc_biblio {
-  grid-area                : doc_biblio;
-}
-.doc_bookindex {
-  grid-area                : doc_bookindex;
-}
-.doc_blurb {
-  grid-area                : doc_blurb;
-}
-.doc_suffix {
-  grid-area                : doc_suffix;
-}
-.nav-ul {
-  list-style               : none;
-  float                    : left;
-}
-.nav-li {
-  float                    : left;
-  padding-right            : 0.7em;
-}
-.nav-li a {
-  text-decoration          : none;
-  color                    : #000000;
-}
-footer {
-  background-color         : #FF704E;
-}
+  .icon-bar {
+    width                    : 100%%;
+    overflow                 : auto;
+    margin                   : 0em 0em 0em;
+  }
+  .left-bar {
+    width                    : 85%%;
+    float                    : left;
+    display                  : inline;
+    overflow                 : auto;
+  }
+  .toc-button {
+    position                 : absolute;
+    top                      : 8px;
+    width                    : 3em;
+    height                   : 3em;
+    border-radius            : 50%%;
+    background               : #555555;
+    fill                     : #DDDDDD;
+    box-shadow               : 0 2px 5px #EEEEEE inset;
+  }
+  .toc-button svg {
+    position                 : relative;
+    left                     : 25%%;
+    top                      : 25%%;
+    width                    : 150%%;
+    height                   : 150%%;
+  }
+  .toc-button p {
+    vertical-align           : center;
+    font-size                : 120%%;
+  }
+  .prev-next-button {
+    position                 : absolute;
+    top                      : 8px;
+    width                    : 3em;
+    height                   : 3em;
+    border-radius            : 50%%;
+    background               : #555555;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+  }
+  .prev-next-button svg {
+    position                 : relative;
+    left                     : 20%%;
+    top                      : 20%%;
+    width                    : 60%%;
+    height                   : 60%%;
+  }
+  .menu {
+    right                    : 8em;
+   }
+  .previous {
+    right                    : 4em;
+   }
+  .next {
+    right                    : 0em;
+   }
+  .arrow {
+     fill                    : #DDDDDD;
+  }
+  .minitoc {
+    line-height              : 120%%;
+    font-size                : 100%%;
+    margin-top               : 6px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  /* flex */
+  .flex-menu-bar {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-flex-wrap        : wrap;
+    -webkit-align-items      : center;
+    align-items              : center;
+    width                    : 100%%;
+    margin-left              : 5%%;
+    margin-right             : 2%%;
+    background-color         : #000000;
+  }
+  .flex-menu-option {
+    background-color         : #000000;
+    margin-right             : 4px;
+  }
+  .flex-list {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-align-items      : center;
+    display                  : block;
+    align-items              : center;
+    width                    : 100%%;
+    background-color         : #000000;
+  }
+  .flex-list-item {
+    background-color         : #000000;
+    margin                   : 4px;
+  }
+  /* grid */
+  .wrapper {
+    display                  : grid;
+    grid-template-columns    : 100%%;
+    grid-template-areas      :
+      "headband"
+      "doc_header"
+      "doc_title"
+      "doc_toc"
+      "doc_prefix"
+      "doc_intro"
+      "doc_body"
+      "doc_endnotes"
+      "doc_glossary"
+      "doc_biblio"
+      "doc_bookindex"
+      "doc_blurb"
+      "doc_suffix";
+    margin                   : 0px;
+    padding                  : 0px;
+    background-color         : #000000;
+  }
+  .delimit {
+    border-style             : none;
+    border-color             : #000000;
+    padding                  : 10px;
+  }
+  .headband {
+    grid-area                : headband;
+    background-color         : #000000;
+  }
+  .doc_header {
+    grid-area                : doc_header;
+  }
+  .doc_title {
+    grid-area                : doc_title;
+  }
+  .doc_toc {
+    grid-area                : doc_toc;
+  }
+  .doc_prefix {
+    grid-area                : doc_prefix;
+  }
+  .doc_intro {
+    grid-area                : doc_intro;
+  }
+  .doc_body {
+    grid-area                : doc_body;
+  }
+  .doc_endnotes {
+    grid-area                : doc_endnotes;
+  }
+  .doc_glossary {
+    grid-area                : doc_glossary;
+  }
+  .doc_biblio {
+    grid-area                : doc_biblio;
+  }
+  .doc_bookindex {
+    grid-area                : doc_bookindex;
+  }
+  .doc_blurb {
+    grid-area                : doc_blurb;
+  }
+  .doc_suffix {
+    grid-area                : doc_suffix;
+  }
+  .nav-ul {
+    list-style               : none;
+    float                    : left;
+  }
+  .nav-li {
+    float                    : left;
+    padding-right            : 0.7em;
+  }
+  .nav-li a {
+    text-decoration          : none;
+    color                    : #000000;
+  }
+  footer {
+    background-color         : #FF704E;
+  }
 ┃",
     _color_ocn_dark,
     _css_indent,
     _color_ocn_dark,
 );
     string _css_light_html_scroll = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #FFFFFF;
-}
-body {
-  color                    : #000000;
-  background               : #FFFFFF;
-  background-color         : #FFFFFF;
-}
-a:link {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #32CD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #777777;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #FFFFFF;
-}
-a:active {
-  color                    : #003399;
-  text-decoration          : underline;
-}
-input {
-  color                    : #000000;
-  background-color         : #FFFFFF;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #FFFFFF;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #FFFFFF;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #FFFFFF;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #EEEEEE;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #EEEEEE;
-  padding-left             : 1em;
-  background-color         : #EEEEEE;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #FFFFFF;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #FFFFFF;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #EEEEEE;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #0000aa;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAAA;
-}
-div.toc a:visited {
-  color                    : #0000aa;
-}
-div.toc a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-  /* background-color         : #666666; */
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #777777;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #777777;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #FFFFFF;
+  }
+  body {
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
+  }
+  a:link {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #32CD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #777777;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #FFFFFF;
+  }
+  a:active {
+    color                    : #003399;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #000000;
+    background-color         : #FFFFFF;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #FFFFFF;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #FFFFFF;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #EEEEEE;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #EEEEEE;
+    padding-left             : 1em;
+    background-color         : #EEEEEE;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #FFFFFF;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #EEEEEE;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #0000aa;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAAA;
+  }
+  div.toc a:visited {
+    color                    : #0000aa;
+  }
+  div.toc a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+    /* background-color         : #666666; */
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #777777;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #777777;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #808080;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #808080;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
@@ -2443,639 +2452,642 @@ p.form {
   font-size                : 150%%;
   line-height              : 150%%;
 }
-/* flex */
-.flex-menu-bar {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-flex-wrap        : wrap;
-  -webkit-align-items      : center;
-  align-items              : center;
-  width                    : 100%%;
-  margin-left              : 5%%;
-  margin-right             : 2%%;
-  background-color         : #FFFFFF;
-}
-.flex-menu-option {
-  background-color         : #FFFFFF;
-  margin-right             : 4px;
-}
-.flex-list {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-align-items      : center;
-  display                  : block;
-  align-items              : center;
-  width                    : 100%%;
-  background-color         : #FFFFFF;
-}
-.flex-list-item {
-  background-color         : #FFFFFF;
-  margin                   : 4px;
-}
-/* grid */
-.wrapper {
-  display                  : grid;
-  grid-template-columns    : 100%%;
-  grid-template-areas      :
-    "headband"
-    "doc_header"
-    "doc_title"
-    "doc_toc"
-    "doc_prefix"
-    "doc_intro"
-    "doc_body"
-    "doc_endnotes"
-    "doc_glossary"
-    "doc_biblio"
-    "doc_bookindex"
-    "doc_blurb"
-    "doc_suffix";
-  margin                   : 0px;
-  padding                  : 0px;
-  background-color         : #FFFFFF;
-}
-.delimit {
-  border-style             : none;
-  border-color             : #FFFFFF;
-  padding                  : 10px;
-}
-.headband {
-  grid-area                : headband;
-  background-color         : #FFFFFF;
-}
-.doc_header {
-  grid-area                : doc_header;
-}
-.doc_title {
-  grid-area                : doc_title;
-}
-.doc_toc {
-  grid-area                : doc_toc;
-}
-.doc_prefix {
-  grid-area                : doc_prefix;
-}
-.doc_intro {
-  grid-area                : doc_intro;
-}
-.doc_body {
-  grid-area                : doc_body;
-}
-.doc_endnotes {
-  grid-area                : doc_endnotes;
-}
-.doc_glossary {
-  grid-area                : doc_glossary;
-}
-.doc_biblio {
-  grid-area                : doc_biblio;
-}
-.doc_bookindex {
-  grid-area                : doc_bookindex;
-}
-.doc_blurb {
-  grid-area                : doc_blurb;
-}
-.doc_suffix {
-  grid-area                : doc_suffix;
-}
-.nav-ul {
-  list-style               : none;
-  float                    : left;
-}
-.nav-li {
-  float                    : left;
-  padding-right            : 0.7em;
-}
-.nav-li a {
-  text-decoration          : none;
-  color                    : #FFFFFF;
-}
-footer {
-  background-color         : #00704E;
-}
+  /* flex */
+  .flex-menu-bar {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-flex-wrap        : wrap;
+    -webkit-align-items      : center;
+    align-items              : center;
+    width                    : 100%%;
+    margin-left              : 5%%;
+    margin-right             : 2%%;
+    background-color         : #FFFFFF;
+  }
+  .flex-menu-option {
+    background-color         : #FFFFFF;
+    margin-right             : 4px;
+  }
+  .flex-list {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-align-items      : center;
+    display                  : block;
+    align-items              : center;
+    width                    : 100%%;
+    background-color         : #FFFFFF;
+  }
+  .flex-list-item {
+    background-color         : #FFFFFF;
+    margin                   : 4px;
+  }
+  /* grid */
+  .wrapper {
+    display                  : grid;
+    grid-template-columns    : 100%%;
+    grid-template-areas      :
+      "headband"
+      "doc_header"
+      "doc_title"
+      "doc_toc"
+      "doc_prefix"
+      "doc_intro"
+      "doc_body"
+      "doc_endnotes"
+      "doc_glossary"
+      "doc_biblio"
+      "doc_bookindex"
+      "doc_blurb"
+      "doc_suffix";
+    margin                   : 0px;
+    padding                  : 0px;
+    background-color         : #FFFFFF;
+  }
+  .delimit {
+    border-style             : none;
+    border-color             : #FFFFFF;
+    padding                  : 10px;
+  }
+  .headband {
+    grid-area                : headband;
+    background-color         : #FFFFFF;
+  }
+  .doc_header {
+    grid-area                : doc_header;
+  }
+  .doc_title {
+    grid-area                : doc_title;
+  }
+  .doc_toc {
+    grid-area                : doc_toc;
+  }
+  .doc_prefix {
+    grid-area                : doc_prefix;
+  }
+  .doc_intro {
+    grid-area                : doc_intro;
+  }
+  .doc_body {
+    grid-area                : doc_body;
+  }
+  .doc_endnotes {
+    grid-area                : doc_endnotes;
+  }
+  .doc_glossary {
+    grid-area                : doc_glossary;
+  }
+  .doc_biblio {
+    grid-area                : doc_biblio;
+  }
+  .doc_bookindex {
+    grid-area                : doc_bookindex;
+  }
+  .doc_blurb {
+    grid-area                : doc_blurb;
+  }
+  .doc_suffix {
+    grid-area                : doc_suffix;
+  }
+  .nav-ul {
+    list-style               : none;
+    float                    : left;
+  }
+  .nav-li {
+    float                    : left;
+    padding-right            : 0.7em;
+  }
+  .nav-li a {
+    text-decoration          : none;
+    color                    : #FFFFFF;
+  }
+  footer {
+    background-color         : #00704E;
+  }
 ┃",
     _color_ocn_light,
     _css_indent,
     _color_ocn_light,
 );
     string _css_dark_html_scroll = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #000000;
-}
-body {
-  color                    : #CCCCCC;
-  background               : #000000;
-  background-color         : #000000;
-}
-a:link {
-  color                    : #FFFFFF;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #999999;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #555555;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #9ACD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #BBBBBB;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #000000;
-}
-a:active {
-  color                    : #888888;
-  text-decoration          : underline;
-}
-input {
-  color                    : #FFFFFF;
-  background-color         : #777777;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #000000;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #000000;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #000000;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #111111;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #111111;
-  padding-left             : 1em;
-  background-color         : #111111;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #000000;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #000000;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #111111;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #FF00AA;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAF9;
-}
-div.toc a:visited {
-  color                    : #FF00AA;
-}
-div.toc a:hover {
-  color                    : #CCCCCC;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #EEEEEE;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #555555;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #000000;
+  }
+  body {
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
+  }
+  a:link {
+    color                    : #FFFFFF;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #999999;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #555555;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #9ACD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #BBBBBB;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #000000;
+  }
+  a:active {
+    color                    : #888888;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #FFFFFF;
+    background-color         : #777777;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #000000;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #000000;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #111111;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #111111;
+    padding-left             : 1em;
+    background-color         : #111111;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #000000;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #111111;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #FF00AA;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAF9;
+  }
+  div.toc a:visited {
+    color                    : #FF00AA;
+  }
+  div.toc a:hover {
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #EEEEEE;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #555555;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #999999;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #999999;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
@@ -3089,640 +3101,643 @@ p.form {
   font-size                : 150%%;
   line-height              : 150%%;
 }
-/* flex */
-.flex-menu-bar {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-flex-wrap        : wrap;
-  -webkit-align-items      : center;
-  align-items              : center;
-  width                    : 100%%;
-  margin-left              : 5%%;
-  margin-right             : 2%%;
-  background-color         : #000000;
-}
-.flex-menu-option {
-  background-color         : #000000;
-  margin-right             : 4px;
-}
-.flex-list {
-  display                  : -webkit-flex;
-  display                  : flex;
-  -webkit-align-items      : center;
-  display                  : block;
-  align-items              : center;
-  width                    : 100%%;
-  background-color         : #000000;
-}
-.flex-list-item {
-  background-color         : #000000;
-  margin                   : 4px;
-}
-/* grid */
-.wrapper {
-  display                  : grid;
-  grid-template-columns    : 100%%;
-  grid-template-areas      :
-    "headband"
-    "doc_header"
-    "doc_title"
-    "doc_toc"
-    "doc_prefix"
-    "doc_intro"
-    "doc_body"
-    "doc_endnotes"
-    "doc_glossary"
-    "doc_biblio"
-    "doc_bookindex"
-    "doc_blurb"
-    "doc_suffix";
-  margin                   : 0px;
-  padding                  : 0px;
-  background-color         : #000000;
-}
-.delimit {
-  border-style             : none;
-  border-color             : #000000;
-  padding                  : 10px;
-}
-.headband {
-  grid-area                : headband;
-  background-color         : #000000;
-}
-.doc_header {
-  grid-area                : doc_header;
-}
-.doc_title {
-  grid-area                : doc_title;
-}
-.doc_toc {
-  grid-area                : doc_toc;
-}
-.doc_prefix {
-  grid-area                : doc_prefix;
-}
-.doc_intro {
-  grid-area                : doc_intro;
-}
-.doc_body {
-  grid-area                : doc_body;
-}
-.doc_endnotes {
-  grid-area                : doc_endnotes;
-}
-.doc_glossary {
-  grid-area                : doc_glossary;
-}
-.doc_biblio {
-  grid-area                : doc_biblio;
-}
-.doc_bookindex {
-  grid-area                : doc_bookindex;
-}
-.doc_blurb {
-  grid-area                : doc_blurb;
-}
-.doc_suffix {
-  grid-area                : doc_suffix;
-}
-.nav-ul {
-  list-style               : none;
-  float                    : left;
-}
-.nav-li {
-  float                    : left;
-  padding-right            : 0.7em;
-}
-.nav-li a {
-  text-decoration          : none;
-  color                    : #000000;
-}
-footer {
-  background-color         : #FF704E;
-}
+  /* flex */
+  .flex-menu-bar {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-flex-wrap        : wrap;
+    -webkit-align-items      : center;
+    align-items              : center;
+    width                    : 100%%;
+    margin-left              : 5%%;
+    margin-right             : 2%%;
+    background-color         : #000000;
+  }
+  .flex-menu-option {
+    background-color         : #000000;
+    margin-right             : 4px;
+  }
+  .flex-list {
+    display                  : -webkit-flex;
+    display                  : flex;
+    -webkit-align-items      : center;
+    display                  : block;
+    align-items              : center;
+    width                    : 100%%;
+    background-color         : #000000;
+  }
+  .flex-list-item {
+    background-color         : #000000;
+    margin                   : 4px;
+  }
+  /* grid */
+  .wrapper {
+    display                  : grid;
+    grid-template-columns    : 100%%;
+    grid-template-areas      :
+      "headband"
+      "doc_header"
+      "doc_title"
+      "doc_toc"
+      "doc_prefix"
+      "doc_intro"
+      "doc_body"
+      "doc_endnotes"
+      "doc_glossary"
+      "doc_biblio"
+      "doc_bookindex"
+      "doc_blurb"
+      "doc_suffix";
+    margin                   : 0px;
+    padding                  : 0px;
+    background-color         : #000000;
+  }
+  .delimit {
+    border-style             : none;
+    border-color             : #000000;
+    padding                  : 10px;
+  }
+  .headband {
+    grid-area                : headband;
+    background-color         : #000000;
+  }
+  .doc_header {
+    grid-area                : doc_header;
+  }
+  .doc_title {
+    grid-area                : doc_title;
+  }
+  .doc_toc {
+    grid-area                : doc_toc;
+  }
+  .doc_prefix {
+    grid-area                : doc_prefix;
+  }
+  .doc_intro {
+    grid-area                : doc_intro;
+  }
+  .doc_body {
+    grid-area                : doc_body;
+  }
+  .doc_endnotes {
+    grid-area                : doc_endnotes;
+  }
+  .doc_glossary {
+    grid-area                : doc_glossary;
+  }
+  .doc_biblio {
+    grid-area                : doc_biblio;
+  }
+  .doc_bookindex {
+    grid-area                : doc_bookindex;
+  }
+  .doc_blurb {
+    grid-area                : doc_blurb;
+  }
+  .doc_suffix {
+    grid-area                : doc_suffix;
+  }
+  .nav-ul {
+    list-style               : none;
+    float                    : left;
+  }
+  .nav-li {
+    float                    : left;
+    padding-right            : 0.7em;
+  }
+  .nav-li a {
+    text-decoration          : none;
+    color                    : #000000;
+  }
+  footer {
+    background-color         : #FF704E;
+  }
 ┃",
     _color_ocn_dark,
     _css_indent,
     _color_ocn_dark,
 );
     string _css_light_epub = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #FFFFFF;
-}
-body {
-  color                    : #000000;
-  background               : #FFFFFF;
-  background-color         : #FFFFFF;
-}
-a:link {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #003399;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #32CD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #777777;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #FFFFFF;
-}
-a:active {
-  color                    : #003399;
-  text-decoration          : underline;
-}
-input {
-  color                    : #000000;
-  background-color         : #FFFFFF;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #FFFFFF;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #FFFFFF;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #FFFFFF;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #EEEEEE;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #EEEEEE;
-  padding-left             : 1em;
-  background-color         : #EEEEEE;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #FFFFFF;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #FFFFFF;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #EEEEEE;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #0000aa;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAAA;
-}
-div.toc a:visited {
-  color                    : #0000aa;
-}
-div.toc a:hover {
-  color                    : #000000;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-  /* background-color         : #666666; */
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #777777;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #777777;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #EEEEEE;
-  color                    : #000000;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #FFFFFF;
+  }
+  body {
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
+  }
+  a:link {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #003399;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #32CD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #777777;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #FFFFFF;
+  }
+  a:active {
+    color                    : #003399;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #000000;
+    background-color         : #FFFFFF;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #FFFFFF;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #FFFFFF;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #EEEEEE;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #EEEEEE;
+    padding-left             : 1em;
+    background-color         : #EEEEEE;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #FFFFFF;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #EEEEEE;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #0000aa;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAAA;
+  }
+  div.toc a:visited {
+    color                    : #0000aa;
+  }
+  div.toc a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+    /* background-color         : #666666; */
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #777777;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #777777;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #EEEEEE;
+    color                    : #000000;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #808080;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #808080;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
@@ -3743,522 +3758,525 @@ p.form {
     _color_ocn_light,
 );
     string _css_dark_epub = format(q"┃
-*{
-  padding                  : 0px;
-  margin                   : 0px;
-}
-body {
-  height                   : 100vh;
-  background-color         : #000000;
-}
-body {
-  color                    : #CCCCCC;
-  background               : #000000;
-  background-color         : #000000;
-}
-a:link {
-  color                    : #FFFFFF;
-  text-decoration          : none;
-}
-a:visited {
-  color                    : #999999;
-  text-decoration          : none;
-}
-a:hover {
-  color                    : #000000;
-  background-color         : #555555;
-}
-a.lnkocn:link {
-  color                    : %s;
-  text-decoration          : none;
-}
-a.lnkocn:visited {
-  color                    : #9ACD32;
-  text-decoration          : none;
-}
-a.lnkocn:hover {
-  color                    : #BBBBBB;
-  font-size                : 120%%;
-}
-a:hover img {
-  background-color         : #000000;
-}
-a:active {
-  color                    : #888888;
-  text-decoration          : underline;
-}
-input {
-  color                    : #FFFFFF;
-  background-color         : #777777;
-}
-div {
-  margin-left              : 0;
-  margin-right             : 0;
-}
-div.p {
-  margin-left              : 5%%;
-  margin-right             : 1%%;
-}
-div.substance {
-  width                    : 100%%;
-  background-color         : #000000;
-}
-div.ocn {
-  width                    : 5%%;
-  float                    : right;
-  top                      : 0;
-  background-color         : #000000;
-}
-div.endnote {
-  width                    : 95%%;
-  background-color         : #000000;
-}
-div.toc {
-  position                 : absolute;
-  float                    : left;
-  margin                   : 0;
-  padding                  : 0;
-  padding-top              : 0.5em;
-  border                   : 0;
-  width                    : 13em;
-  background-color         : #111111;
-  margin-right             : 1em;
-}
-div.summary {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #111111;
-  padding-left             : 1em;
-  background-color         : #111111;
-}
-div.content, div.main_column {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 13em solid #000000;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content0, div.main_column0 {
-  margin                   : 0;
-  padding                  : 0;
-  border-left              : 0%% solid #000000;
-  padding-left             : 5%%;
-}
-div.scroll {
-  margin                   : 0;
-  padding                  : 0;
-  padding-left             : 1em;
-  padding-right            : 1em;
-}
-div.content:after {
-  content                  : ' ';
-  clear                    : both;
-  display                  : block;
-  height                   : 0;
-  overflow                 : hidden;
-}
-div.footer {
-  clear                    : left;
-  padding                  : 0.5em;
-  font-size                : 80%%;
-  margin                   : 0;
-}
-div.toc ul {
-  list-style               : none;
-  padding                  : 0;
-  margin                   : 0;
-}
-div.toc li ul a, li ul span.currentlink
-{
-  font-weight              : normal;
-  font-size                : 90%%;
-  padding-left             : 2em;
-  background-color         : #111111;
-}
-div.toc a, span.currentlink{
-  display                  : block;
-  text-decoration          : none;
-  padding-left             : 0.5em;
-  color                    : #FF00AA;
-}
-hr {
-  width                    : 90%%;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  margin-top               : 1.8em;
-  margin-bottom            : 1.8em;
-}
-span.currentlink {
-  text-decoration          : none;
-  background-color         : #AAAAF9;
-}
-div.toc a:visited {
-  color                    : #FF00AA;
-}
-div.toc a:hover {
-  color                    : #CCCCCC;
-  background-color         : #F9F9AA;
-}
-nav#toc ol {
-  list-style-type          : none;
-}
-.norm, .bold, .verse, .group, .block, .alt {
-  line-height              : 133%%;
-  margin-top               : 12px;
-  margin-bottom            : 0px;
-  padding-left             : 0em;
-  text-indent              : 0em;
-}
-p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
-  display                  : block;
-  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-}
-p {
-  font-size                : 100%%;
-  font-weight              : normal;
-  line-height              : 133%%;
-  text-align               : justify;
-  text-indent              : 0mm;
-  margin-top               : 0.8em;
-  margin-bottom            : 0.8em;
-}
-img {
-  max-width                : 100%%;
-  height                   : auto;
-}
-pre {
-  width                    : auto;
-  display                  : block;
-  clear                    : both;
-  color                    : #555555;
-}
-pre.codeline {
-  display                  : table;
-  clear                    : both;
-  table-layout             : fixed;
-  margin-left              : 5%%;
-  margin-right             : 5%%;
-  width                    : 90%%;
-  white-space              : pre-wrap;
-  border-style             : none;
-  border-radius            : 5px 5px 5px 5px;
-  box-shadow               : 0 2px 5px #AAAAAA inset;
-  margin-bottom            : 1em;
-  padding                  : 0.5em 1em;
-  page-break-inside        : avoid;
-  word-wrap                : break-word;
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  white-space              : pre;
-  white-space              : pre-wrap;
-  white-space              : -moz-pre-wrap;
-  white-space              : -o-pre-wrap;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-  font-size                : 95%%;
-  line-height              : 100%%;
-}
-pre.codeline::before {
-  counter-reset            : linenum;
-}
-pre.codeline span.tr {
-  display                  : table-row;
-  counter-increment        : linenum;
-}
-pre.codeline span.th {
-  display                  : table-cell;
-  user-select              : none;
-  -moz-user-select         : none;
-  -webkit-user-select      : none;
-  padding                  : 0.5em 0.5em;
-}
-pre.codeline span.th::before {
-  content                  : counter(linenum) ".";
-  color                    : #999999;
-  text-align               : right;
-  display                  : block;
-}
-pre.codeline span.th {
-  width                    : 4em;
-}
-pre.codeline code {
-  display                  : table-cell;
-}
-p.code {
-  border-style             : none;
-}
-p.spaced { white-space     : pre; }
-p.block {
-  white-space              : pre;
-}
-p.group { }
-p.alt { }
-p.verse {
-  white-space              : pre;
-  margin-bottom            : 6px;
-}
-p.caption {
-  text-align               : left;
-  font-size                : 80%%;
-  display                  : inline;
-}
-p.endnote {
-  font-size                : 96%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-right             : 15mm;
-  padding-left             : 1em;
-  text-indent              : -1em;
-}
-p.center {
-  text-align               : center;
-}
-p.bold {
-  font-weight              : bold;
-}
-p.bold_left {
-  font-weight              : bold;
-  text-align               : left;
-}
-p.centerbold {
-  text-align               : center;
-  font-weight              : bold;
-}
-p.em {
-  font-weight              : bold;
-  font-style               : normal;
-  background               : #FFF3B6;
-}
-p.small {
-  font-size                : 80%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  margin-right             : 6px;
-  text-align               : left;
-}
-.tiny, .tiny_left, .tiny_right, .tiny_center {
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-  color                    : #EEEEEE;
-  margin-right             : 6px;
-  text-align               : left;
-}
-p.tiny { }
-p.tiny_left {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : left;
-}
-p.tiny_right {
-  margin-right             : 1em;
-  text-align               : right;
-}
-p.tiny_center {
-  margin-left              : 0px;
-  margin-right             : 0px;
-  text-align               : center;
-}
-p.concordance_word {
-  line-height              : 150%%;
-  font-weight              : bold;
-  display                  : inline;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.concordance_count {
-  font-size                : 80%%;
-  color                    : #555555;
-  display                  : inline;
-  margin-left              : 0em;
-}
-p.concordance_object {
-  font-size                : 80%%;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-p.book_index_lev1 {
-  line-height              : 100%%;
-  margin-top               : 4px;
-  margin-bottom            : 1px;
-}
-p.book_index_lev2 {
-  line-height              : 100%%;
-  text-align               : left;
-  margin-left              : 3em;
-  margin-top               : 1px;
-  margin-bottom            : 3px;
-}
-tt {
-  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
-  background-color         : #555555;
-  color                    : #DDDDDD;
-}
+  *{
+    padding                  : 0px;
+    margin                   : 0px;
+  }
+  body {
+    height                   : 100vh;
+    background-color         : #000000;
+  }
+  body {
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
+  }
+  a:link {
+    color                    : #FFFFFF;
+    text-decoration          : none;
+  }
+  a:visited {
+    color                    : #999999;
+    text-decoration          : none;
+  }
+  a:hover {
+    color                    : #000000;
+    background-color         : #555555;
+  }
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
+  }
+  a.lnkocn:visited {
+    color                    : #9ACD32;
+    text-decoration          : none;
+  }
+  a.lnkocn:hover {
+    color                    : #BBBBBB;
+    font-size                : 120%%;
+  }
+  a:hover img {
+    background-color         : #000000;
+  }
+  a:active {
+    color                    : #888888;
+    text-decoration          : underline;
+  }
+  input {
+    color                    : #FFFFFF;
+    background-color         : #777777;
+  }
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
+  }
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
+  }
+  div.substance {
+    width                    : 100%%;
+    background-color         : #000000;
+  }
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
+  }
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #000000;
+  }
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #111111;
+    margin-right             : 1em;
+  }
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #111111;
+    padding-left             : 1em;
+    background-color         : #111111;
+  }
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #000000;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
+  }
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
+  }
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
+  }
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
+  }
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
+  }
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #111111;
+  }
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #FF00AA;
+  }
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
+  }
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAF9;
+  }
+  div.toc a:visited {
+    color                    : #FF00AA;
+  }
+  div.toc a:hover {
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
+  }
+  nav#toc ol {
+    list-style-type          : none;
+  }
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
+  }
+  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+  }
+  p {
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 133%%;
+    text-align               : justify;
+    text-indent              : 0mm;
+    margin-top               : 0.8em;
+    margin-bottom            : 0.8em;
+  }
+  img {
+    max-width                : 100%%;
+    height                   : auto;
+  }
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
+  }
+  pre.codeline {
+    display                  : table;
+    clear                    : both;
+    table-layout             : fixed;
+    margin-left              : 5%%;
+    margin-right             : 5%%;
+    width                    : 90%%;
+    white-space              : pre-wrap;
+    border-style             : none;
+    border-radius            : 5px 5px 5px 5px;
+    box-shadow               : 0 2px 5px #AAAAAA inset;
+    margin-bottom            : 1em;
+    padding                  : 0.5em 1em;
+    page-break-inside        : avoid;
+    word-wrap                : break-word;
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    white-space              : pre;
+    white-space              : pre-wrap;
+    white-space              : -moz-pre-wrap;
+    white-space              : -o-pre-wrap;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+    font-size                : 95%%;
+    line-height              : 100%%;
+  }
+  pre.codeline::before {
+    counter-reset            : linenum;
+  }
+  pre.codeline span.tr {
+    display                  : table-row;
+    counter-increment        : linenum;
+  }
+  pre.codeline span.th {
+    display                  : table-cell;
+    user-select              : none;
+    -moz-user-select         : none;
+    -webkit-user-select      : none;
+    padding                  : 0.5em 0.5em;
+  }
+  pre.codeline span.th::before {
+    content                  : counter(linenum) ".";
+    color                    : #999999;
+    text-align               : right;
+    display                  : block;
+  }
+  pre.codeline span.th {
+    width                    : 4em;
+  }
+  pre.codeline code {
+    display                  : table-cell;
+  }
+  p.code {
+    border-style             : none;
+  }
+  p.spaced { white-space     : pre; }
+  p.block {
+    white-space              : pre;
+  }
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
+  }
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
+    padding-left             : 1em;
+    text-indent              : -1em;
+  }
+  p.center {
+    text-align               : center;
+  }
+  p.bold {
+    font-weight              : bold;
+  }
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
+  }
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
+  }
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
+  }
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #EEEEEE;
+    margin-right             : 6px;
+    text-align               : left;
+  }
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
+  }
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
+  }
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
+  }
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #555555;
+    display                  : inline;
+    margin-left              : 0em;
+  }
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
+  }
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
+  }
+  tt {
+    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+    background-color         : #555555;
+    color                    : #DDDDDD;
+  }
 %s
-note { white-space         : pre; }
-label.ocn {
-  width                    : 2%%;
-  float                    : right;
-  top                      : 0;
-  font-size                : 12px;
-  margin-top               : 0px;
-  margin-bottom            : 6px;
-  margin-right             : 6px;
-  text-align               : right;
-  color                    : %s;
-  -khtml-user-select       : none;
-  -moz-user-select         : none;
-  -ms-user-select          : none;
-  -o-user-select           : none;
-  -webkit-user-select      : none;
-  user-select              : none;
-}
-table {
-  display                  : block;
-  margin-left              : 5%%;
-  margin-right             : 2em;
-  background-color         : inherit;
-}
-tr { }
-th,td {
-  vertical-align           : top;
-  text-align               : left;
-}
-th {
-  font-weight              : bold;
-}
-em {
-  font-weight              : bold;
-  font-style               : italic;
-}
-p.left,th.left,td.left {
-  text-align               : left;
-}
-p.small_left,th.small_left,td.small_left {
-  text-align               : left;
-  font-size                : 80%%;
-}
-p.right,th.right,td.right {
-  text-align               : right;
-}
-ul, li {
-  list-style-type          : none;
-  list-style               : none;
-  padding-left             : 20px;
-  font-weight              : normal;
-  line-height              : 150%%;
-  text-align               : left;
-  text-indent              : 0mm;
-  margin-left              : 1em;
-  margin-right             : 2em;
-  margin-top               : 3px;
-  margin-bottom            : 3px;
-}
-li {
-  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
-}
-ul { }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  font-weight              : bold;
-  line-height              : 120%%;
-  text-align               : left;
-  margin-top               : 20px;
-  margin-bottom            : 10px;
-}
-h4.norm, h5.norm, h6.norm, h7.norm {
-  margin-top               : 10px;
-  margin-bottom            : 0px;
-}
-h0 { font-size             : 125%%; }
-h1 { font-size             : 120%%; }
-h2 { font-size             : 115%%; }
-h3 { font-size             : 110%%; }
-h4 { font-size             : 105%%; }
-h5 { font-size             : 100%%; }
-h6 { font-size             : 100%%; }
-h7 { font-size             : 100%%; }
-h0, h1, h2, h3, h4, h5, h6, h7 {
-  text-shadow              : .2em .2em .3em #999999;
-}
-h1.i { margin-left         : 2em; }
-h2.i { margin-left         : 3em; }
-h3.i { margin-left         : 4em; }
-h4.i { margin-left         : 5em; }
-h5.i { margin-left         : 6em; }
-h6.i { margin-left         : 7em; }
-h7.i { margin-left         : 8em; }
-h8.i { margin-left         : 9em; }
-h9.i { margin-left         : 10em; }
-.toc {
-  font-weight              : normal;
-  margin-top               : 6px;
-  margin-bottom            : 6px;
-}
-h0.toc {
-  margin-left              : 1em;
-  font-size                : 120%%;
-  line-height              : 150%%;
-}
-h1.toc {
-  margin-left              : 1em;
-  font-size                : 115%%;
-  line-height              : 150%%;
-}
-h2.toc {
-  margin-left              : 2em;
-  font-size                : 110%%;
-  line-height              : 140%%;
-}
-h3.toc {
-  margin-left              : 3em;
-  font-size                : 105%%;
-  line-height              : 120%%;
-}
-h4.toc {
-  margin-left              : 4em;
-  font-size                : 100%%;
-  line-height              : 120%%;
-}
-h5.toc {
-  margin-left              : 5em;
-  font-size                : 95%%;
-  line-height              : 110%%;
-}
-h6.toc {
-  margin-left              : 6em;
-  font-size                : 90%%;
-  line-height              : 110%%;
-}
-h7.toc {
-  margin-left              : 7em;
-  font-size                : 85%%;
-  line-height              : 100%%;
-}
-.subtoc {
-  margin-right             : 34%%;
-  font-weight              : normal;
-}
-h5.subtoc {
-  margin-left              : 2em;
-  font-size                : 80%%;
-  margin-top               : 2px;
-  margin-bottom            : 2px;
-}
-h6.subtoc {
-  margin-left              : 3em;
-  font-size                : 75%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
-}
-h7.subtoc {
-  margin-left              : 4em;
-  font-size                : 70%%;
-  margin-top               : 0px;
-  margin-bottom            : 0px;
+  note { white-space         : pre; }
+  label.ocn {
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 6px;
+    margin-right             : 6px;
+    text-align               : right;
+    color                    : %s;
+    -khtml-user-select       : none;
+    -moz-user-select         : none;
+    -ms-user-select          : none;
+    -o-user-select           : none;
+    -webkit-user-select      : none;
+    user-select              : none;
+  }
+  table {
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
+  }
+  tr { }
+  th,td {
+    vertical-align           : top;
+    text-align               : left;
+  }
+  th {
+    font-weight              : bold;
+  }
+  em {
+    font-weight              : bold;
+    font-style               : italic;
+  }
+  p.left,th.left,td.left {
+    text-align               : left;
+  }
+  p.small_left,th.small_left,td.small_left {
+    text-align               : left;
+    font-size                : 80%%;
+  }
+  p.right,th.right,td.right {
+    text-align               : right;
+  }
+  ul, li {
+    list-style-type          : none;
+    list-style               : none;
+    padding-left             : 20px;
+    font-weight              : normal;
+    line-height              : 150%%;
+    text-align               : left;
+    text-indent              : 0mm;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 3px;
+    margin-bottom            : 3px;
+  }
+  li {
+    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+  }
+  ul { }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    font-weight              : bold;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-top               : 20px;
+    margin-bottom            : 10px;
+  }
+  h4.norm, h5.norm, h6.norm, h7.norm {
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+  }
+  h0 { font-size             : 125%%; }
+  h1 { font-size             : 120%%; }
+  h2 { font-size             : 115%%; }
+  h3 { font-size             : 110%%; }
+  h4 { font-size             : 105%%; }
+  h5 { font-size             : 100%%; }
+  h6 { font-size             : 100%%; }
+  h7 { font-size             : 100%%; }
+  h0, h1, h2, h3, h4, h5, h6, h7 {
+    text-shadow              : .2em .2em .3em #999999;
+  }
+  h1.i { margin-left         : 2em; }
+  h2.i { margin-left         : 3em; }
+  h3.i { margin-left         : 4em; }
+  h4.i { margin-left         : 5em; }
+  h5.i { margin-left         : 6em; }
+  h6.i { margin-left         : 7em; }
+  h7.i { margin-left         : 8em; }
+  h8.i { margin-left         : 9em; }
+  h9.i { margin-left         : 10em; }
+  .toc {
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
+  }
+  h0.toc {
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
+  }
+  h1.toc {
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
+  }
+  h2.toc {
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
+  }
+  h3.toc {
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
+  }
+  h4.toc {
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
+  }
+  h5.toc {
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
+  }
+  h6.toc {
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
+  }
+  h7.toc {
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
+  }
+  .subtoc {
+    margin-right             : 34%%;
+    font-weight              : normal;
+  }
+  h5.subtoc {
+    margin-left              : 2em;
+    font-size                : 80%%;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+  }
+  h6.subtoc {
+    margin-left              : 3em;
+    font-size                : 75%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+  h7.subtoc {
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+  }
+input, select, textarea {
+  font-size                : 150%%;
 }
 input[type="text"] {
   font-size:120%%;
diff --git a/src/doc_reform/meta/metadoc_curate_authors.d b/src/doc_reform/meta/metadoc_curate_authors.d
index f7d250b..ceb6229 100644
--- a/src/doc_reform/meta/metadoc_curate_authors.d
+++ b/src/doc_reform/meta/metadoc_curate_authors.d
@@ -141,6 +141,9 @@ string theme_dark_0 = format(q"┃
     color                    : #FFFFFF;
     background               : #777777;
   }
+  input, select, textarea {
+    font-size                : 150%%;
+  }
   input {
     color                    : #FFFFFF;
     background-color         : #777777;
@@ -185,6 +188,9 @@ string theme_light_0 = format(q"┃
   a.lev3:hover {
     background               : #BBBBBB;
   }
+  input, select, textarea {
+    font-size                : 150%%;
+  }
   input {
     color                    : #000000;
     background-color         : #FFFFFF;
diff --git a/src/doc_reform/meta/metadoc_curate_topics.d b/src/doc_reform/meta/metadoc_curate_topics.d
index 9a01f5a..0f6b74c 100644
--- a/src/doc_reform/meta/metadoc_curate_topics.d
+++ b/src/doc_reform/meta/metadoc_curate_topics.d
@@ -184,6 +184,9 @@ string theme_dark_0 = format(q"┃
     color                    : #FFFFFF;
     background               : #777777;
   }
+  input, select, textarea {
+    font-size                : 150%%;
+  }
   input {
     color                    : #FFFFFF;
     background-color         : #777777;
@@ -228,6 +231,9 @@ string theme_light_0 = format(q"┃
   a.lev3:hover {
     background               : #BBBBBB;
   }
+  input, select, textarea {
+    font-size                : 150%%;
+  }
   input {
     color                    : #000000;
     background-color         : #FFFFFF;