0.7.5 xmls css code reorganised; ocn can turn off or hide

7 files changed, 2881 insertions, 4919 deletions

diff --git a/src/doc_reform/doc_reform.d b/src/doc_reform/doc_reform.d
index 0fa326d..4c7f0bc 100755
--- a/src/doc_reform/doc_reform.d
+++ b/src/doc_reform/doc_reform.d
@@ -131,7 +131,8 @@ void main(string[] args) {
     "latex"              : false,
     "light"              : false,
     "manifest"           : false,
-    "ocn"                : true,
+    "hide-ocn"           : false,
+    "ocn-off"            : false,
     "odf"                : false,
     "odt"                : false,
     "parallel"           : false,
@@ -189,7 +190,8 @@ void main(string[] args) {
     "latex",              "--latex output for pdfs",                                                  &opts["latex"],
     "light",              "--light default light theme",                                              &opts["light"],
     "manifest",           "--manifest process manifest output",                                       &opts["manifest"],
-    "ocn",                "--ocn object cite numbers (default)",                                      &opts["ocn"],
+    "hide-ocn",           "--hide-ocn object cite numbers",                                           &opts["hide-ocn"],
+    "ocn-off",            "--ocn-off object cite numbers",                                            &opts["ocn-off"],
     "odf",                "--odf open document format text (--odt)",                                  &opts["odf"],
     "odt",                "--odt open document format text",                                          &opts["odt"],
     "parallel",           "--parallel parallelisation",                                               &opts["parallel"],
@@ -323,8 +325,11 @@ void main(string[] args) {
     bool manifest() {
       return opts["manifest"];
     }
-    bool ocn() {
-      return opts["ocn"];
+    bool ocn_hidden() {
+      return opts["hide-ocn"];
+    }
+    bool ocn_off() {
+      return opts["ocn-off"];
     }
     bool quiet() {
       return opts["quiet"];
diff --git a/src/doc_reform/meta/metadoc_harvests_authors.d b/src/doc_reform/meta/metadoc_harvests_authors.d
index 950d1ff..510d375 100644
--- a/src/doc_reform/meta/metadoc_harvests_authors.d
+++ b/src/doc_reform/meta/metadoc_harvests_authors.d
@@ -21,110 +21,110 @@ template DocReformMetaDocHarvestsAuthors() {
   ) {
 string theme_dark_0 = format(q"┃
   body {
-    color: #CCCCCC;
-    background: #000000;
-    background-color: #000000;
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
   }
   a:link {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:visited {
-    color: #999999;
-    text-decoration: none;
+    color                    : #999999;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #555555;
+    color                    : #000000;
+    background-color         : #555555;
   }
   a:hover img {
-    background-color: #000000;
+    background-color         : #000000;
   }
   a:active {
-    color: #888888;
-    text-decoration: underline;
+    color                    : #888888;
+    text-decoration          : underline;
   }
 ┃");
 string theme_light_0 = format(q"┃
   body {
-    color: black;
-    background: #ffffff;
-    background-color: #ffffff;
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:link {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #f9f9aa;
+    color                    : #000000;
+    background-color         : #f9f9aa;
   }
   a:hover img {
-    background-color: #ffffff;
+    background-color         : #FFFFFF;
   }
   a:active {
-    color: #003399;
-    text-decoration: underline;
+    color                    : #003399;
+    text-decoration          : underline;
   }
 ┃");
 string theme_dark_1 = format(q"┃
   h1 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.letter {
-    color: white;
-    background: #333333;
+    color                    : #FFFFFF;
+    background               : #333333;
   }
   p.lev0 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.lev1 {
-    color: white;
-    background: #333333;
+    color                    : #FFFFFF;
+    background               : #333333;
   }
   p.lev2 {
-    background: #555555;
+    background               : #555555;
   }
   p.lev3 {
-    background: #777777;
+    background               : #777777;
   }
   p.lev4 {
-    background: #aaaaaa;
+    background               : #AAAAAA;
   }
   p.lev5 {
   }
 ┃");
 string theme_light_1 = format(q"┃
   h1 {
-    color: white;
-    background: #000088;
+    color                    : #FFFFFF;
+    background               : #000088;
   }
   p.letter {
-    color: white;
-    background: #880000;
+    color                    : #FFFFFF;
+    background               : #880000;
   }
   p.lev0 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.lev1 {
-    color: white;
-    background: #444444;
+    color                    : #FFFFFF;
+    background               : #444444;
   }
   p.lev2 {
-    background: #888888;
+    background               : #888888;
   }
   p.lev3 {
-    background: #bbbbbb;
+    background               : #BBBBBB;
   }
   p.lev4 {
-    background: #eeeeee;
+    background               : #EEEEEE;
   }
   p.lev5 {
   }
@@ -145,91 +145,91 @@ string theme_light_1 = format(q"┃
 <style TYPE="text/css">
 /* DocReform harvest css default stylesheet */%s
   .norm, .bold {
-    line-height: 150%%;
-    margin-left: 1em;
-    margin-right: 2em;
-    margin-top: 10px;
-    margin-bottom: 0px;
-    text-indent: 0mm;
+    line-height              : 150%%;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+    text-indent              : 0mm;
   }
   p, h0, h1, h2, h3, h4, h5, h6, h7 {
-    display: block;
-    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-    font-size: 100%%;
-    font-weight: normal;
-    line-height: 150%%;
-    /* text-align: justify; */
-    margin-left: 1em;
-    text-indent: 0mm;
-    margin-top: 2px;
-    margin-bottom: 2px;
-    margin-right: 6px;
-    text-align: left;
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 150%%;
+    /* text-align            : justify; */
+    margin-left              : 1em;
+    text-indent              : 0mm;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   h0, h1, h2, h3, h4, h5, h6, h7 { text-shadow: .2em .2em .3em #999999; }
   h1 {
-    font-size: 120%%;
-    font-weight: bold;
-    color: white;
-    background: #000088;
-    margin-left: 0em;
+    font-size                : 120%%;
+    font-weight              : bold;
+    color                    : #FFFFFF;
+    background               : #000088;
+    margin-left              : 0em;
   }
   p.work {
-    font-size: 80%%;
-    margin-left: 5em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 80%%;
+    margin-left              : 5em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.author {
-    font-size: 100%%;
-    margin-left: 2em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 100%%;
+    margin-left              : 2em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.publication {
-    font-size: 80%%;
-    margin-left: 4em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 80%%;
+    margin-left              : 4em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.letter {
-    font-weight: bold;
-    font-size: 60%%;
-    margin-left: 1em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-weight              : bold;
+    font-size                : 60%%;
+    margin-left              : 1em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.lev0 {
-    font-size: 120%%;
-    margin-left: 1em;
+    font-size                : 120%%;
+    margin-left              : 1em;
   }
   p.lev1 {
-    font-size: 110%%;
-    margin-left: 2em;
+    font-size                : 110%%;
+    margin-left              : 2em;
   }
   p.lev2 {
-    font-size: 100%%;
-    margin-left: 3em;
+    font-size                : 100%%;
+    margin-left              : 3em;
   }
   p.lev3 {
-    font-size: 90%%;
-    margin-left: 4em;
+    font-size                : 90%%;
+    margin-left              : 4em;
   }
   p.lev4 {
-    font-size: 80%%;
-    margin-left: 5em;
+    font-size                : 80%%;
+    margin-left              : 5em;
   }
   p.lev5 {
-    font-size: 80%%;
-    margin-left: 6em;
+    font-size                : 80%%;
+    margin-left              : 6em;
   }%s
 </style>
 <link rel="shortcut icon" href="../_sisu/image/rb7.ico" />
diff --git a/src/doc_reform/meta/metadoc_harvests_topics.d b/src/doc_reform/meta/metadoc_harvests_topics.d
index a5a481c..9f73552 100644
--- a/src/doc_reform/meta/metadoc_harvests_topics.d
+++ b/src/doc_reform/meta/metadoc_harvests_topics.d
@@ -64,110 +64,110 @@ template DocReformMetaDocHarvestsTopics() {
       }
 string theme_dark_0 = format(q"┃
   body {
-    color: #CCCCCC;
-    background: #000000;
-    background-color: #000000;
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
   }
   a:link {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:visited {
-    color: #999999;
-    text-decoration: none;
+    color                    : #999999;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #555555;
+    color                    : #000000;
+    background-color         : #555555;
   }
   a:hover img {
-    background-color: #000000;
+    background-color         : #000000;
   }
   a:active {
-    color: #888888;
-    text-decoration: underline;
+    color                    : #888888;
+    text-decoration          : underline;
   }
 ┃");
 string theme_light_0 = format(q"┃
   body {
-    color: black;
-    background: #ffffff;
-    background-color: #ffffff;
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:link {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #f9f9aa;
+    color                    : #000000;
+    background-color         : #f9f9aa;
   }
   a:hover img {
-    background-color: #ffffff;
+    background-color         : #FFFFFF;
   }
   a:active {
-    color: #003399;
-    text-decoration: underline;
+    color                    : #003399;
+    text-decoration          : underline;
   }
 ┃");
 string theme_dark_1 = format(q"┃
   h1 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.letter {
-    color: white;
-    background: #333333;
+    color                    : #FFFFFF;
+    background               : #333333;
   }
   p.lev0 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.lev1 {
-    color: white;
-    background: #333333;
+    color                    : #FFFFFF;
+    background               : #333333;
   }
   p.lev2 {
-    background: #555555;
+    background               : #555555;
   }
   p.lev3 {
-    background: #777777;
+    background               : #777777;
   }
   p.lev4 {
-    background: #aaaaaa;
+    background               : #AAAAAA;
   }
   p.lev5 {
   }
 ┃");
 string theme_light_1 = format(q"┃
   h1 {
-    color: white;
-    background: #000088;
+    color                    : #FFFFFF;
+    background               : #000088;
   }
   p.letter {
-    color: white;
-    background: #880000;
+    color                    : #FFFFFF;
+    background               : #880000;
   }
   p.lev0 {
-    color: white;
-    background: #000000;
+    color                    : #FFFFFF;
+    background               : #000000;
   }
   p.lev1 {
-    color: white;
-    background: #444444;
+    color                    : #FFFFFF;
+    background               : #444444;
   }
   p.lev2 {
-    background: #888888;
+    background               : #888888;
   }
   p.lev3 {
-    background: #bbbbbb;
+    background               : #BBBBBB;
   }
   p.lev4 {
-    background: #eeeeee;
+    background               : #EEEEEE;
   }
   p.lev5 {
   }
@@ -186,91 +186,91 @@ string theme_light_1 = format(q"┃
 <style TYPE="text/css">
 /* DocReform harvest css default stylesheet */%s
   .norm, .bold {
-    line-height: 150%%;
-    margin-left: 1em;
-    margin-right: 2em;
-    margin-top: 10px;
-    margin-bottom: 0px;
-    text-indent: 0mm;
+    line-height              : 150%%;
+    margin-left              : 1em;
+    margin-right             : 2em;
+    margin-top               : 10px;
+    margin-bottom            : 0px;
+    text-indent              : 0mm;
   }
   p, h0, h1, h2, h3, h4, h5, h6, h7 {
-    display: block;
-    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
-    font-size: 100%%;
-    font-weight: normal;
-    line-height: 150%%;
-    /* text-align: justify; */
-    margin-left: 1em;
-    text-indent: 0mm;
-    margin-top: 2px;
-    margin-bottom: 2px;
-    margin-right: 6px;
-    text-align: left;
+    display                  : block;
+    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+    font-size                : 100%%;
+    font-weight              : normal;
+    line-height              : 150%%;
+    /* text-align            : justify; */
+    margin-left              : 1em;
+    text-indent              : 0mm;
+    margin-top               : 2px;
+    margin-bottom            : 2px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   h0, h1, h2, h3, h4, h5, h6, h7 { text-shadow: .2em .2em .3em #999999; }
   h1 {
-    font-size: 120%%;
-    font-weight: bold;
-    color: white;
-    background: #000088;
-    margin-left: 0em;
+    font-size                : 120%%;
+    font-weight              : bold;
+    color                    : #FFFFFF;
+    background               : #000088;
+    margin-left              : 0em;
   }
   p.work {
-    font-size: 80%%;
-    margin-left: 5em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 80%%;
+    margin-left              : 5em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.author {
-    font-size: 100%%;
-    margin-left: 2em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 100%%;
+    margin-left              : 2em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.publication {
-    font-size: 80%%;
-    margin-left: 4em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 80%%;
+    margin-left              : 4em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.letter {
-    font-weight: bold;
-    font-size: 60%%;
-    margin-left: 1em;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+    font-weight              : bold;
+    font-size                : 60%%;
+    margin-left              : 1em;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   p.lev0 {
-    font-size: 120%%;
-    margin-left: 1em;
+    font-size                : 120%%;
+    margin-left              : 1em;
   }
   p.lev1 {
-    font-size: 110%%;
-    margin-left: 2em;
+    font-size                : 110%%;
+    margin-left              : 2em;
   }
   p.lev2 {
-    font-size: 100%%;
-    margin-left: 3em;
+    font-size                : 100%%;
+    margin-left              : 3em;
   }
   p.lev3 {
-    font-size: 90%%;
-    margin-left: 4em;
+    font-size                : 90%%;
+    margin-left              : 4em;
   }
   p.lev4 {
-    font-size: 80%%;
-    margin-left: 5em;
+    font-size                : 80%%;
+    margin-left              : 5em;
   }
   p.lev5 {
-    font-size: 80%%;
-    margin-left: 6em;
+    font-size                : 80%%;
+    margin-left              : 6em;
   }%s
 </style>
 <link rel="shortcut icon" href="../_sisu/image/rb7.ico" />
diff --git a/src/doc_reform/output/epub3.d b/src/doc_reform/output/epub3.d
index 09dea3d..e741a5e 100644
--- a/src/doc_reform/output/epub3.d
+++ b/src/doc_reform/output/epub3.d
@@ -464,10 +464,10 @@ template outputEPub3() {
                 epubWrite.doc_epub3_endnotes[segment_filename] ~= t[1];
                 break;
               case "code":
-                epubWrite.doc_epub3[segment_filename] ~= xhtml_format.code(_txt, obj);
+                epubWrite.doc_epub3[segment_filename] ~= xhtml_format.code(_txt, obj, doc_matters);
                 break;
               case "table":
-                epubWrite.doc_epub3[segment_filename] ~= xhtml_format.table(_txt, obj);
+                epubWrite.doc_epub3[segment_filename] ~= xhtml_format.table(_txt, obj, doc_matters);
                 epubWrite.doc_epub3_endnotes[segment_filename] ~= "";
                 break;
               default:
@@ -606,9 +606,9 @@ template outputEPub3() {
     epubWrite.oebps_content_opf =      doc_abstraction.epub3_oebps_content(doc_matters, oepbs_content_parts);
     epubWrite.epub3_write_output_files(doc_matters);
   }
-  void epub3_write_output_files(W,I)(
-    W    epub_write,
-    I    doc_matters,
+  void epub3_write_output_files(W,M)(
+    W epub_write,
+    M doc_matters,
   ) {
     debug(asserts) {
       static assert(is(typeof(epub_write.doc_epub3)              == string[][string]));
@@ -774,22 +774,18 @@ template outputEPub3() {
         }
       }
       { /+ OEBPS/epub.css +/
-        auto css = DocReformCss();
+        auto css = DocReformCss(doc_matters);
         { /+ debug +/
           if (doc_matters.opt.action.debug_do) {
             fn_dbg = pth_epub3.dbg_fn_oebps_css(doc_matters.src.filename);
-            (doc_matters.opt.action.css_theme_default)
-            ? File(fn_dbg, "w").writeln(css.light.epub)
-            : File(fn_dbg, "w").writeln(css.dark.epub);
+            File(fn_dbg, "w").writeln(css.epub);
           }
         }
         fn = pth_epub3.fn_oebps_css;
         auto zip_arc_member_file = new ArchiveMember();
         zip_arc_member_file.name = fn;
         auto zip_data = new OutBuffer();
-        (doc_matters.opt.action.css_theme_default)
-        ? zip_data.write(css.light.epub.dup)
-        : zip_data.write(css.dark.epub.dup);
+        zip_data.write(css.epub.dup);
         zip_arc_member_file.expandedData = zip_data.toBytes();
         zip.addMember(zip_arc_member_file);
         createZipFile!()(fn_epub, zip.build());
diff --git a/src/doc_reform/output/html.d b/src/doc_reform/output/html.d
index 820b9a7..85ec9ba 100644
--- a/src/doc_reform/output/html.d
+++ b/src/doc_reform/output/html.d
@@ -97,10 +97,10 @@ template outputHTML() {
               doc_html ~= xhtml_format.verse_scroll(_txt, obj, doc_matters, suffix);
               break;
             case "code":
-              doc_html ~= xhtml_format.code(_txt, obj);
+              doc_html ~= xhtml_format.code(_txt, obj, doc_matters);
               break;
             case "table":
-              doc_html ~= xhtml_format.table(_txt, obj);
+              doc_html ~= xhtml_format.table(_txt, obj, doc_matters);
               break;
             default:
               { /+ debug +/
@@ -181,11 +181,11 @@ template outputHTML() {
       }
     }
     doc = xhtml_format.html_head(doc_matters, "scroll") ~ doc_html ~ xhtml_format.tail;
-    scroll_write_output(doc_matters, doc);
+    scroll_write_output(doc, doc_matters);
   }
-  void scroll_write_output(M,C)(
+  void scroll_write_output(D,M)(
+    D doc,
     M doc_matters,
-    C doc,
   ) {
     debug(asserts) {
       static assert(is(typeof(doc)    == string[]));
@@ -368,10 +368,10 @@ template outputHTML() {
                 doc_html_endnotes[segment_filename] ~= t[1];
                 break;
               case "code":
-                doc_html[segment_filename] ~= xhtml_format.code(_txt, obj);
+                doc_html[segment_filename] ~= xhtml_format.code(_txt, obj, doc_matters);
                 break;
               case "table":
-                doc_html[segment_filename] ~= xhtml_format.table(_txt, obj);
+                doc_html[segment_filename] ~= xhtml_format.table(_txt, obj, doc_matters);
                 doc_html_endnotes[segment_filename] ~= "";
                 break;
               default:
@@ -457,12 +457,12 @@ template outputHTML() {
         }
       }
     }
-    seg_write_output(doc_matters, doc_html, doc_html_endnotes);
+    seg_write_output(doc_html, doc_html_endnotes, doc_matters);
   }
-  void seg_write_output(M,D,E)(
-    M doc_matters,
+  void seg_write_output(D,E,M)(
     D doc_html,
     E doc_html_endnotes,
+    M doc_matters,
   ) {
     debug(asserts) {
       static assert(is(typeof(doc_html)      == string[][string]));
@@ -493,23 +493,17 @@ template outputHTML() {
       writeln(" ", pth_html.fn_seg(doc_matters.src.filename, "toc"));
     }
   }
-  void css(M)(
-    M    doc_matters,
-  ) {
-    auto css = DocReformCss();
+  void css(M)(M doc_matters) {
+    auto css = DocReformCss(doc_matters);
     auto pth_html = DocReformPathsHTML!()(doc_matters.output_path, doc_matters.src.language);
     try {
       if (!exists(pth_html.css)) {
         (pth_html.css).mkdirRecurse;
       }
       auto f = File(pth_html.fn_seg_css, "w");
-      (doc_matters.opt.action.css_theme_default)
-      ? f.writeln(css.light.html_seg)
-      : f.writeln(css.dark.html_seg);
+      f.writeln(css.html_seg);
       f = File(pth_html.fn_scroll_css, "w");
-      (doc_matters.opt.action.css_theme_default)
-      ? f.writeln(css.light.html_scroll)
-      : f.writeln(css.dark.html_scroll);
+      f.writeln(css.html_scroll);
     } catch (ErrnoException ex) {
       // Handle error
     }
diff --git a/src/doc_reform/output/xmls.d b/src/doc_reform/output/xmls.d
index 25733b1..de68d05 100644
--- a/src/doc_reform/output/xmls.d
+++ b/src/doc_reform/output/xmls.d
@@ -641,9 +641,10 @@ template outputXHTMLs() {
       }
       return bar();
     }
-    string heading(O)(
-      string            _txt,
-      const        O    obj,
+    string heading(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
       string            _xml_type = "html",
     ) {
       assert(obj.metainfo.is_of_part    == "body" || "frontmatter" || "backmatter");
@@ -677,7 +678,7 @@ template outputXHTMLs() {
       </div>┃",
         _horizontal_rule,
         obj.metainfo.identifier,
-        (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+        (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
         obj.metainfo.heading_lev_markup,
         obj.metainfo.is_a,
         obj.metainfo.identifier,
@@ -712,7 +713,7 @@ template outputXHTMLs() {
       string          _suffix = ".html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = heading(_txt, obj);
+      string o = heading(_txt, obj, doc_matters);
       return o;
     }
     auto heading_seg(O,M)(
@@ -725,16 +726,17 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0];
       string[] _endnotes = t[1];
-      string o = heading(_txt, obj, _xml_type);
+      string o = heading(_txt, obj, doc_matters, _xml_type);
       auto u = tuple(
         o,
         _endnotes,
       );
       return u;
     }
-    string para(O)(
-      string            _txt,
-      const        O    obj,
+    string para(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body" || "frontmatter" || "backmatter");
       assert(obj.metainfo.is_of_section == "body" || "toc" || "endnotes" || "glossary" || "bibliography" || "bookindex" || "blurb");
@@ -754,7 +756,7 @@ template outputXHTMLs() {
       </p>
     </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.attrib.indent_hang,
           obj.attrib.indent_base,
@@ -784,7 +786,7 @@ template outputXHTMLs() {
       string          _suffix = ".html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = para(_txt, obj);
+      string o = para(_txt, obj, doc_matters);
       return o;
     }
     auto para_seg(O,M)(
@@ -797,16 +799,17 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0].to!string;
       string[] _endnotes = t[1];
-      string o = para(_txt, obj);
+      string o = para(_txt, obj, doc_matters);
       auto u = tuple(
         o,
         _endnotes,
       );
       return u;
     }
-    string quote(O)(
-      string          _txt,
-      const        O  obj,
+    string quote(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb");
@@ -822,7 +825,7 @@ template outputXHTMLs() {
       </p>
     </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.metainfo.identifier,
           _txt
@@ -846,7 +849,7 @@ template outputXHTMLs() {
       string          _suffix = ".html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = quote(_txt, obj);
+      string o = quote(_txt, obj, doc_matters);
       return o;
     }
     auto quote_seg(O,M)(
@@ -859,16 +862,17 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0].to!string;
       string[] _endnotes = t[1];
-      string o = quote(_txt, obj);
+      string o = quote(_txt, obj, doc_matters);
       auto u = tuple(
         o,
         _endnotes,
       );
       return u;
     }
-    string group(O)(
-      string            _txt,
-      const        O    obj,
+    string group(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb");
@@ -884,7 +888,7 @@ template outputXHTMLs() {
       </p>
     </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.metainfo.identifier,
           _txt
@@ -909,7 +913,7 @@ template outputXHTMLs() {
       string          _xml_type = "html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = group(_txt, obj);
+      string o = group(_txt, obj, doc_matters);
       return o;
     }
     auto group_seg(O,M)(
@@ -922,16 +926,17 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0].to!string;
       string[] _endnotes = t[1];
-      string o = group(_txt, obj);
+      string o = group(_txt, obj, doc_matters);
       auto u = tuple(
         o,
         _endnotes,
       );
       return u;
     }
-    string block(O)(
-      string            _txt,
-      const        O    obj,
+    string block(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb");
@@ -945,7 +950,7 @@ template outputXHTMLs() {
       <p class="%s" id="%s">%s</p>
     </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.metainfo.identifier,
           _txt.stripRight
@@ -968,7 +973,7 @@ template outputXHTMLs() {
       string          _xml_type = "html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = block(_txt, obj);
+      string o = block(_txt, obj, doc_matters);
       return o;
     }
     auto block_seg(O,M)(
@@ -981,16 +986,17 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0].to!string;
       string[] _endnotes = t[1];
-      string o = block(_txt, obj);
+      string o = block(_txt, obj, doc_matters);
       auto u = tuple(
         o,
         _endnotes,
       );
       return u;
     }
-    string verse(O)(
-      string            _txt,
-      const        O    obj,
+    string verse(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb");
@@ -1004,7 +1010,7 @@ template outputXHTMLs() {
           <p class="%s" id="%s">%s</p>
         </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.metainfo.identifier,
           _txt
@@ -1027,7 +1033,7 @@ template outputXHTMLs() {
       string          _xml_type = "html",
     ) {
       _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix);
-      string o = verse(_txt, obj);
+      string o = verse(_txt, obj, doc_matters);
       return o;
     }
     auto verse_seg(O,M)(
@@ -1040,7 +1046,7 @@ template outputXHTMLs() {
       auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type);
       _txt = t[0].to!string;
       string[] _endnotes = t[1];
-      string o = verse(_txt, obj);
+      string o = verse(_txt, obj, doc_matters);
       auto u = tuple(
         o,
         _endnotes,
@@ -1080,9 +1086,10 @@ template outputXHTMLs() {
       );
       return t;
     }
-    string table(O)(
-      string            _txt,
-      const        O    obj,
+    string table(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body");
@@ -1104,7 +1111,7 @@ template outputXHTMLs() {
       </p>
     </div>┃",
         obj.metainfo.object_number,
-        obj.metainfo.object_number,
+        (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
         obj.metainfo.is_a,
         obj.metainfo.object_number,
         tags,
@@ -1113,9 +1120,10 @@ template outputXHTMLs() {
       );
       return o;
     }
-    string code(O)(
-      string            _txt,
-      const        O    obj,
+    string code(O,M)(
+            string _txt,
+      const O      obj,
+            M      doc_matters,
     ) {
       assert(obj.metainfo.is_of_part    == "body");
       assert(obj.metainfo.is_of_section == "body");
@@ -1128,7 +1136,7 @@ template outputXHTMLs() {
       <pre><p class="%s" id="%s">%s</p></pre>
     </div>┃",
           obj.metainfo.identifier,
-          (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier,
+          (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier),
           obj.metainfo.is_a,
           obj.metainfo.identifier,
           _txt
diff --git a/src/doc_reform/output/xmls_css.d b/src/doc_reform/output/xmls_css.d
index 15af934..a60ba5f 100644
--- a/src/doc_reform/output/xmls_css.d
+++ b/src/doc_reform/output/xmls_css.d
@@ -3,5913 +3,3872 @@
 +/
 module doc_reform.output.xmls_css;
 template DocReformCss() {
-  auto DocReformCss() {
-    string _css_light_html_seg="
-  *{
-    padding: 0px;
-    margin: 0px;
+  import std.format;
+  auto DocReformCss(M)(M doc_matters) {
+    string _css_indent = format(q"┃
+  /* indent */
+  p.norm { }
+  p.i1 { padding-left        : 1em; }
+  p.i2 { padding-left        : 2em; }
+  p.i3 { padding-left        : 3em; }
+  p.i4 { padding-left        : 4em; }
+  p.i5 { padding-left        : 5em; }
+  p.i6 { padding-left        : 6em; }
+  p.i7 { padding-left        : 7em; }
+  p.i8 { padding-left        : 8em; }
+  p.i9 { padding-left        : 9em; }
+  /* hanging indent */
+  p[indent="h0i0"] {
+    padding-left             : 0em;
+    text-indent              : 0em;
   }
-  body {
-    height: 100vh;
-    background-color: #FFFFFF;
+  p[indent="h0i1"] {
+    padding-left             : 1em;
+    text-indent              : -1em;
   }
-  body {
-    color:#000000;
-    background: #FFFFFF;
-    background-color: #FFFFFF;
+  p[indent="h0i2"] {
+    padding-left             : 2em;
+    text-indent              : -2em;
   }
-  a:link {
-    color: #003399;
-    text-decoration: none;
+  p[indent="h0i3"] {
+    padding-left             : 3em;
+    text-indent              : -3em;
   }
-  a:visited {
-    color: #003399;
-    text-decoration: none;
+  p[indent="h0i4"] {
+    padding-left             : 4em;
+    text-indent              : -4em;
   }
-  a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+  p[indent="h0i5"] {
+    padding-left             : 5em;
+    text-indent              : -5em;
   }
-  a.lnkocn:link {
-    color: #777777;
-    text-decoration: none;
+  p[indent="h0i6"] {
+    padding-left             : 6em;
+    text-indent              : -6em;
   }
-  a.lnkocn:visited {
-    color: #003399;
-    text-decoration: none;
+  p[indent="h0i7"] {
+    padding-left             : 7em;
+    text-indent              : -7em;
   }
-  a:hover img {
-    background-color: #FFFFFF;
+  p[indent="h0i8"] {
+    padding-left             : 8em;
+    text-indent              : -8em;
   }
-  a:active {
-    color: #003399;
-    text-decoration: underline;
+  p[indent="h0i9"] {
+    padding-left             : 9em;
+    text-indent              : -9em;
   }
-  div {
-    margin-left: 0;
-    margin-right: 0;
+  p[indent="h1i0"] {
+    padding-left             : 0em;
+    text-indent              : 1em;
   }
-  div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+  p[indent="h1i1"] {
+    padding-left             : 1em;
+    text-indent              : 0em;
   }
-  div.substance {
-    width: 100%;
-    background-color: #FFFFFF;
+  p[indent="h1i2"] {
+    padding-left             : 2em;
+    text-indent              : -1em;
   }
-  div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #FFFFFF;
+  p[indent="h1i3"] {
+    padding-left             : 3em;
+    text-indent              : -2em;
   }
-  div.endnote {
-    width: 95%;
-    background-color: #FFFFFFf;
+  p[indent="h1i4"] {
+    padding-left             : 4em;
+    text-indent              : -3em;
   }
-  div.toc {
-    position: absolute;
-    float: left;
-    margin: 0;
-    padding: 0;
-    padding-top: 0.5em;
-    border: 0;
-    width: 13em;
-    background-color: #EEEEEE;
-    margin-right:1em;
+  p[indent="h1i5"] {
+    padding-left             : 5em;
+    text-indent              : -4em;
   }
-  div.summary {
-    margin: 0;
-    padding: 0;
-    border-left: 13em solid #EEEEEE;
-    padding-left: 1em;
-    background-color: #EEEEEE;
+  p[indent="h1i6"] {
+    padding-left             : 6em;
+    text-indent              : -5em;
   }
-  div.content, div.main_column {
-    margin: 0;
-    padding: 0;
-    border-left: 13em solid #FFFFFF;
-    padding-left: 1em;
-    padding-right: 1em;
+  p[indent="h1i7"] {
+    padding-left             : 7em;
+    text-indent              : -6em;
   }
-  div.content0, div.main_column0 {
-    margin: 0;
-    padding: 0;
-    border-left: 0% solid #FFFFFF;
-    padding-left: 5%;
+  p[indent="h1i8"] {
+    padding-left             : 8em;
+    text-indent              : -7em;
   }
-  div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+  p[indent="h1i9"] {
+    padding-left             : 9em;
+    text-indent              : -8em;
   }
-  div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+  p[indent="h2i0"] {
+    padding-left             : 0em;
+    text-indent              : 2em;
   }
-  div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+  p[indent="h2i1"] {
+    padding-left             : 1em;
+    text-indent              : 1em;
   }
-  div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  p[indent="h2i2"] {
+    padding-left             : 2em;
+    text-indent              : 0em;
   }
-  div.toc li ul a, li ul span.currentlink
-  {
-    font-weight: normal;
-    font-size: 90%;
-    padding-left: 2em;
-    background-color: #EEEEEE;
+  p[indent="h2i3"] {
+    padding-left             : 3em;
+    text-indent              : -1em;
   }
-  div.toc a, span.currentlink{
-    display:block;
-    text-decoration: none;
-    padding-left: 0.5em;
-    color: #0000aa;
+  p[indent="h2i4"] {
+    padding-left             : 4em;
+    text-indent              : -2em;
   }
-  hr {
-    width: 90%;
-    margin-left: 5%;
-    margin-right: 2em;
-    margin-top: 1.8em;
-    margin-bottom: 1.8em;
+  p[indent="h2i5"] {
+    padding-left             : 5em;
+    text-indent              : -3em;
   }
-  span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAAA;
+  p[indent="h2i6"] {
+    padding-left             : 6em;
+    text-indent              : -4em;
   }
-  div.toc a:visited {
-    color: #0000aa;
+  p[indent="h2i7"] {
+    padding-left             : 7em;
+    text-indent              : -5em;
   }
-  div.toc a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+  p[indent="h2i8"] {
+    padding-left             : 8em;
+    text-indent              : -6em;
   }
-  nav#toc ol {
-    list-style-type: none;
+  p[indent="h2i9"] {
+    padding-left             : 9em;
+    text-indent              : -7em;
   }
-  .norm, .bold, .verse, .group, .block, .alt {
-    line-height: 133%;
-    margin-top: 12px;
-    margin-bottom: 0px;
-    padding-left: 0em;
-    text-indent: 0em;
+  p[indent="h3i0"] {
+    padding-left             : 0em;
+    text-indent              : 3em;
   }
-  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[indent="h3i1"] {
+    padding-left             : 1em;
+    text-indent              : 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;
+  p[indent="h3i2"] {
+    padding-left             : 2em;
+    text-indent              : 1em;
   }
-  p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
-  p.block {
-    white-space: pre;
+  p[indent="h3i3"] {
+    padding-left             : 3em;
+    text-indent              : 0em;
   }
-  p.group { }
-  p.alt { }
-  p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+  p[indent="h3i4"] {
+    padding-left             : 4em;
+    text-indent              : -1em;
   }
-  p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+  p[indent="h3i5"] {
+    padding-left             : 5em;
+    text-indent              : -2em;
   }
-  p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+  p[indent="h3i6"] {
+    padding-left             : 6em;
+    text-indent              : -3em;
   }
-  p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+  p[indent="h3i7"] {
+    padding-left             : 7em;
+    text-indent              : -4em;
   }
-  p.center {
-    text-align: center;
+  p[indent="h3i8"] {
+    padding-left             : 8em;
+    text-indent              : -5em;
   }
-  p.bold {
-    font-weight: bold;
+  p[indent="h3i9"] {
+    padding-left             : 9em;
+    text-indent              : -6em;
   }
-  p.bold_left {
-    font-weight: bold;
-    text-align: left;
+  p[indent="h4i0"] {
+    padding-left             : 0em;
+    text-indent              : 4em;
   }
-  p.centerbold {
-    text-align: center;
-    font-weight: bold;
+  p[indent="h4i1"] {
+    padding-left             : 1em;
+    text-indent              : 3em;
   }
-  p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3b6;
+  p[indent="h4i2"] {
+    padding-left             : 2em;
+    text-indent              : 2em;
   }
-  p.small {
-    font-size: 80%;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-right: 6px;
-    text-align: left;
+  p[indent="h4i3"] {
+    padding-left             : 3em;
+    text-indent              : 1em;
   }
-  .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #777777;
-    margin-right: 6px;
-    text-align: left;
+  p[indent="h4i4"] {
+    padding-left             : 4em;
+    text-indent              : 0em;
   }
-  p.tiny { }
-  p.tiny_left {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: left;
+  p[indent="h4i5"] {
+    padding-left             : 5em;
+    text-indent              : -1em;
   }
-  p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+  p[indent="h4i6"] {
+    padding-left             : 6em;
+    text-indent              : -2em;
   }
-  p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: center;
+  p[indent="h4i7"] {
+    padding-left             : 7em;
+    text-indent              : -3em;
   }
-  p.concordance_word {
-    line-height: 150%;
-    font-weight: bold;
-    display: inline;
-    margin-top: 4px;
-    margin-bottom: 1px;
+  p[indent="h4i8"] {
+    padding-left             : 8em;
+    text-indent              : -4em;
   }
-  p.concordance_count {
-    font-size: 80%;
-    color: #777777;
-    display: inline;
-    margin-left: 0em;
+  p[indent="h4i9"] {
+    padding-left             : 9em;
+    text-indent              : -5em;
   }
-  p.concordance_object {
-    font-size: 80%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 3em;
-    margin-top: 1px;
-    margin-bottom: 3px;
+  p[indent="h5i0"] {
+    padding-left             : 0em;
+    text-indent              : 5em;
   }
-  p.book_index_lev1 {
-    line-height: 100%;
-    margin-top: 4px;
-    margin-bottom: 1px;
+  p[indent="h5i1"] {
+    padding-left             : 1em;
+    text-indent              : 4em;
   }
-  p.book_index_lev2 {
-    line-height: 100%;
-    text-align: left;
-    margin-left: 3em;
-    margin-top: 1px;
-    margin-bottom: 3px;
+  p[indent="h5i2"] {
+    padding-left             : 2em;
+    text-indent              : 3em;
   }
-  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;
+  p[indent="h5i3"] {
+    padding-left             : 3em;
+    text-indent              : 2em;
   }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
+  p[indent="h5i4"] {
+    padding-left             : 4em;
+    text-indent              : 1em;
   }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
+  p[indent="h5i5"] {
+    padding-left             : 5em;
+    text-indent              : 0em;
   }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
+  p[indent="h5i6"] {
+    padding-left             : 6em;
+    text-indent              : -1em;
   }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
+  p[indent="h5i7"] {
+    padding-left             : 7em;
+    text-indent              : -2em;
   }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
+  p[indent="h5i8"] {
+    padding-left             : 8em;
+    text-indent              : -3em;
   }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
+  p[indent="h5i9"] {
+    padding-left             : 9em;
+    text-indent              : -4em;
   }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
+  p[indent="h6i0"] {
+    padding-left             : 0em;
+    text-indent              : 6em;
   }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
+  p[indent="h6i1"] {
+    padding-left             : 1em;
+    text-indent              : 5em;
   }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
+  p[indent="h6i2"] {
+    padding-left             : 2em;
+    text-indent              : 4em;
   }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
+  p[indent="h6i3"] {
+    padding-left             : 3em;
+    text-indent              : 3em;
   }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
+  p[indent="h6i4"] {
+    padding-left             : 4em;
+    text-indent              : 2em;
   }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
+  p[indent="h6i5"] {
+    padding-left             : 5em;
+    text-indent              : 1em;
   }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
+  p[indent="h6i6"] {
+    padding-left             : 6em;
+    text-indent              : 0em;
   }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
+  p[indent="h6i7"] {
+    padding-left             : 7em;
+    text-indent              : -1em;
   }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
+  p[indent="h6i8"] {
+    padding-left             : 8em;
+    text-indent              : -2em;
   }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
+  p[indent="h6i9"] {
+    padding-left             : 9em;
+    text-indent              : -3em;
   }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
+  p[indent="h7i0"] {
+    padding-left             : 0em;
+    text-indent              : 7em;
   }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
+  p[indent="h7i1"] {
+    padding-left             : 1em;
+    text-indent              : 6em;
   }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
+  p[indent="h7i2"] {
+    padding-left             : 2em;
+    text-indent              : 5em;
   }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
+  p[indent="h7i3"] {
+    padding-left             : 3em;
+    text-indent              : 4em;
   }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
+  p[indent="h7i4"] {
+    padding-left             : 4em;
+    text-indent              : 3em;
   }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
+  p[indent="h7i5"] {
+    padding-left             : 5em;
+    text-indent              : 2em;
   }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
+  p[indent="h7i6"] {
+    padding-left             : 6em;
+    text-indent              : 1em;
   }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
+  p[indent="h7i7"] {
+    padding-left             : 7em;
+    text-indent              : 0em;
   }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
+  p[indent="h7i8"] {
+    padding-left             : 8em;
+    text-indent              : -1em;
   }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
+  p[indent="h7i9"] {
+    padding-left             : 9em;
+    text-indent              : -2em;
   }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
+  p[indent="h8i0"] {
+    padding-left             : 0em;
+    text-indent              : 8em;
   }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
+  p[indent="h8i1"] {
+    padding-left             : 1em;
+    text-indent              : 7em;
   }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
+  p[indent="h8i2"] {
+    padding-left             : 2em;
+    text-indent              : 6em;
   }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
+  p[indent="h8i3"] {
+    padding-left             : 3em;
+    text-indent              : 5em;
   }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
+  p[indent="h8i4"] {
+    padding-left             : 4em;
+    text-indent              : 4em;
   }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
+  p[indent="h8i5"] {
+    padding-left             : 5em;
+    text-indent              : 3em;
   }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
+  p[indent="h8i6"] {
+    padding-left             : 6em;
+    text-indent              : 2em;
   }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
+  p[indent="h8i7"] {
+    padding-left             : 7em;
+    text-indent              : 1em;
   }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
+  p[indent="h8i8"] {
+    padding-left             : 8em;
+    text-indent              : 0em;
   }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
+  p[indent="h8i9"] {
+    padding-left             : 9em;
+    text-indent              : -1em;
   }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
+  p[indent="h9i0"] {
+    padding-left             : 0em;
+    text-indent              : 9em;
   }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
+  p[indent="h9i1"] {
+    padding-left             : 1em;
+    text-indent              : 8em;
   }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
+  p[indent="h9i2"] {
+    padding-left             : 2em;
+    text-indent              : 7em;
   }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
+  p[indent="h9i3"] {
+    padding-left             : 3em;
+    text-indent              : 6em;
   }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
+  p[indent="h9i4"] {
+    padding-left             : 4em;
+    text-indent              : 5em;
   }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
+  p[indent="h9i5"] {
+    padding-left             : 5em;
+    text-indent              : 4em;
   }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
+  p[indent="h9i6"] {
+    padding-left             : 6em;
+    text-indent              : 3em;
   }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
+  p[indent="h9i7"] {
+    padding-left             : 7em;
+    text-indent              : 2em;
   }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
+  p[indent="h9i8"] {
+    padding-left             : 8em;
+    text-indent              : 1em;
   }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
+  p[indent="h9i9"] {
+    padding-left             : 9em;
+    text-indent              : 0em;
   }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
+┃");
+    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;
   }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
+  body {
+    height                   : 100vh;
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
+  body {
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
+  a:link {
+    color                    : #003399;
+    text-decoration          : none;
   }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
+  a:visited {
+    color                    : #003399;
+    text-decoration          : none;
   }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
+  a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
+  a.lnkocn:link {
+    color                    : %s;
+    text-decoration          : none;
   }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
+  a.lnkocn:visited {
+    color                    : #003399;
+    text-decoration          : none;
   }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
+  a:hover img {
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
+  a:active {
+    color                    : #003399;
+    text-decoration          : underline;
   }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
+  div {
+    margin-left              : 0;
+    margin-right             : 0;
   }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
+  div.p {
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
+  div.substance {
+    width                    : 100%%;
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
+  div.ocn {
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
+  div.endnote {
+    width                    : 95%%;
+    background-color         : #FFFFFF;
   }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
+  div.toc {
+    position                 : absolute;
+    float                    : left;
+    margin                   : 0;
+    padding                  : 0;
+    padding-top              : 0.5em;
+    border                   : 0;
+    width                    : 13em;
+    background-color         : #EEEEEE;
+    margin-right             : 1em;
   }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
+  div.summary {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #EEEEEE;
+    padding-left             : 1em;
+    background-color         : #EEEEEE;
   }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
+  div.content, div.main_column {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 13em solid #FFFFFF;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
+  div.content0, div.main_column0 {
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
   }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
+  div.scroll {
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
+  div.content:after {
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
+  div.footer {
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
+  div.toc ul {
+    list-style               : none;
+    padding                  : 0;
+    margin                   : 0;
   }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
+  div.toc li ul a, li ul span.currentlink
+  {
+    font-weight              : normal;
+    font-size                : 90%%;
+    padding-left             : 2em;
+    background-color         : #EEEEEE;
   }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
+  div.toc a, span.currentlink{
+    display                  : block;
+    text-decoration          : none;
+    padding-left             : 0.5em;
+    color                    : #0000aa;
   }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
+  hr {
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
+  span.currentlink {
+    text-decoration          : none;
+    background-color         : #AAAAAA;
   }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
+  div.toc a:visited {
+    color                    : #0000aa;
   }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
+  div.toc a:hover {
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
+  nav#toc ol {
+    list-style-type          : none;
   }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
+  .norm, .bold, .verse, .group, .block, .alt {
+    line-height              : 133%%;
+    margin-top               : 12px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
   }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    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[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
+  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;
   }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
+  pre {
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
+  p.code {
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
+  p.block {
+    white-space              : pre;
   }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
+  p.group { }
+  p.alt { }
+  p.verse {
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
+  p.caption {
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
+  }
+  p.endnote {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
+  p.endnote_indent {
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
+  p.center {
+    text-align               : center;
   }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
+  p.bold {
+    font-weight              : bold;
   }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
+  p.bold_left {
+    font-weight              : bold;
+    text-align               : left;
   }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
+  p.centerbold {
+    text-align               : center;
+    font-weight              : bold;
   }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
+  p.em {
+    font-weight              : bold;
+    font-style               : normal;
+    background               : #FFF3B6;
   }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
+  p.small {
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    color                    : #777777;
+    margin-right             : 6px;
+    text-align               : left;
   }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
+  p.tiny { }
+  p.tiny_left {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
+  p.tiny_right {
+    margin-right             : 1em;
+    text-align               : right;
   }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
+  p.tiny_center {
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : center;
   }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
+  p.concordance_word {
+    line-height              : 150%%;
+    font-weight              : bold;
+    display                  : inline;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
   }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
+  p.concordance_count {
+    font-size                : 80%%;
+    color                    : #777777;
+    display                  : inline;
+    margin-left              : 0em;
   }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
+  p.concordance_object {
+    font-size                : 80%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
   }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
+  p.book_index_lev1 {
+    line-height              : 100%%;
+    margin-top               : 4px;
+    margin-bottom            : 1px;
   }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
+  p.book_index_lev2 {
+    line-height              : 100%%;
+    text-align               : left;
+    margin-left              : 3em;
+    margin-top               : 1px;
+    margin-bottom            : 3px;
   }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+  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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #777777;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #FFFFFF;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #FFFFFF;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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;
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
   .icon-bar {
-    width: 100%;
-    overflow: auto;
-    margin: 0em 0em 0em;
+    width                    : 100%%;
+    overflow                 : auto;
+    margin                   : 0em 0em 0em;
   }
   .left-bar {
-    width: 85%;
-    float: left;
-    display: inline;
-    overflow: auto;
+    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;
+    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%;
+    position                 : relative;
+    left                     : 25%%;
+    top                      : 25%%;
+    width                    : 150%%;
+    height                   : 150%%;
   }
   .toc-button p {
-    vertical-align: center;
-    font-size: 120%;
+    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;
+    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%;
+    position                 : relative;
+    left                     : 20%%;
+    top                      : 20%%;
+    width                    : 60%%;
+    height                   : 60%%;
   }
   .menu {
-    right: 6em;
+    right                    : 6em;
    }
   .previous {
-    right: 3em;
+    right                    : 3em;
    }
   .next {
-    right: 0em;
+    right                    : 0em;
    }
-  .arrow { fill: #333333; }
+  .arrow { fill              : #333333; }
   .minitoc {
-    line-height: 100%;
-    font-size: 90%;
-    margin-top: 6px;
-    margin-bottom: 0px;
-    padding-left: 0em;
-    text-indent: 0em;
+    line-height              : 100%%;
+    font-size                : 90%%;
+    margin-top               : 6px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
   }
   /* 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;
+    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;
+    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;
+    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;
+    background-color         : #FFFFFF;
+    margin                   : 4px;
   }
   /* grid */
   .wrapper {
-    display: grid;
-    grid-template-columns: 100%;
+    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;
+      "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;
+    border-style             : none;
+    border-color             : #FFFFFF;
+    padding                  : 10px;
   }
   .headband {
-    grid-area: headband;
-    background-color: #FFFFFF;
+    grid-area                : headband;
+    background-color         : #FFFFFF;
   }
   .doc_header {
-    grid-area: doc_header;
+    grid-area                : doc_header;
   }
   .doc_title {
-    grid-area: doc_title;
+    grid-area                : doc_title;
   }
   .doc_toc {
-    grid-area: doc_toc;
+    grid-area                : doc_toc;
   }
   .doc_prefix {
-    grid-area: doc_prefix;
+    grid-area                : doc_prefix;
   }
   .doc_intro {
-    grid-area: doc_intro;
+    grid-area                : doc_intro;
   }
   .doc_body {
-    grid-area: doc_body;
+    grid-area                : doc_body;
   }
   .doc_endnotes {
-    grid-area: doc_endnotes;
+    grid-area                : doc_endnotes;
   }
   .doc_glossary {
-    grid-area: doc_glossary;
+    grid-area                : doc_glossary;
   }
   .doc_biblio {
-    grid-area: doc_biblio;
+    grid-area                : doc_biblio;
   }
   .doc_bookindex {
-    grid-area: doc_bookindex;
+    grid-area                : doc_bookindex;
   }
   .doc_blurb {
-    grid-area: doc_blurb;
+    grid-area                : doc_blurb;
   }
   .doc_suffix {
-    grid-area: doc_suffix;
+    grid-area                : doc_suffix;
   }
   .nav-ul {
-    list-style: none;
-    float: left;
+    list-style               : none;
+    float                    : left;
   }
   .nav-li {
-    float: left;
-    padding-right: 0.7em;
+    float                    : left;
+    padding-right            : 0.7em;
   }
   .nav-li a {
-    text-decoration: none;
-    color:#FFFFFF;
+    text-decoration          : none;
+    color                    : #FFFFFF;
   }
   footer {
-    background-color: #00704E;
-  }
-";
-    string _css_dark_html_seg="
+    background-color         : #00704E;
+  }
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_html_seg = format(q"┃
   *{
-    padding: 0px;
-    margin: 0px;
+    padding                  : 0px;
+    margin                   : 0px;
   }
   body {
-    height: 100vh;
-    background-color: #000000;
+    height                   : 100vh;
+    background-color         : #000000;
   }
   body {
-    color: #CCCCCC;
-    background: #000000;
-    background-color: #000000;
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
   }
   a:link {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:visited {
-    color: #999999;
-    text-decoration: none;
+    color                    : #999999;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #555555;
+    color                    : #000000;
+    background-color         : #555555;
   }
   a.lnkocn:link {
-    color: #BBBBBB;
-    text-decoration: none;
+    color                    : %s;
+    text-decoration          : none;
   }
   a.lnkocn:visited {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:hover img {
-    background-color: #000000;
+    background-color         : #000000;
   }
   a:active {
-    color: #888888;
-    text-decoration: underline;
+    color                    : #888888;
+    text-decoration          : underline;
   }
   div {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left              : 0;
+    margin-right             : 0;
   }
   div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
   div.substance {
-    width: 100%;
-    background-color: #000000;
+    width                    : 100%%;
+    background-color         : #000000;
   }
   div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #000000;
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
   }
   div.endnote {
-    width: 95%;
-    background-color: #0000000;
+    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;
+    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;
+    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;
+    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%;
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
   }
   div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
   div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
   div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
   div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+    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;
+    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;
+    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;
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
   span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAF9;
+    text-decoration          : none;
+    background-color         : #AAAAF9;
   }
   div.toc a:visited {
-    color: #FF00AA;
+    color                    : #FF00AA;
   }
   div.toc a:hover {
-    color: #CCCCCC;
-    background-color: #F9F9AA;
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
   }
   nav#toc ol {
-    list-style-type: none;
+    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;
+    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;
+    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; }
+    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;
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
   p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
   p.block {
-    white-space: pre;
+    white-space              : pre;
   }
   p.group { }
   p.alt { }
   p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
   p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
   }
   p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
   p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
   p.center {
-    text-align: center;
+    text-align               : center;
   }
   p.bold {
-    font-weight: bold;
+    font-weight              : bold;
   }
   p.bold_left {
-    font-weight: bold;
-    text-align: left;
+    font-weight              : bold;
+    text-align               : left;
   }
   p.centerbold {
-    text-align: center;
-    font-weight: bold;
+    text-align               : center;
+    font-weight              : bold;
   }
   p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3B6;
+    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;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #EEEEEE;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 10px;
+    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;
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
   p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+    margin-right             : 1em;
+    text-align               : right;
   }
   p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: 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;
+    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;
+    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;
+    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;
+    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;
+    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;
-  }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
-  }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
-  }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
-  }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
-  }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
-  }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
-  }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
-  }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
-  }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
-  }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
-  }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
-  }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
-  }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
-  }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
-  }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
-  }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
-  }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
-  }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
-  }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
-  }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
-  }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
-  }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
-  }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
-  }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
-  }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
-  }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
-  }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
-  }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
-  }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
-  }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
-  }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
-  }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
-  }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
-  }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
-  }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
-  }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
-  }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
-  }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
-  }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
-  }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
-  }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
-  }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
-  }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
-  }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
-  }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
-  }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
-  }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
-  }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
-  }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
-  }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
-  }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
-  }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
-  }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
-  }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
-  }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
-  }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
-  }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
-  }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
-  }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
-  }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
-  }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
-  }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
-  }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
-  }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
-  }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
-  }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
-  }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
-  }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
-  }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
-  }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
-  }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
-  }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
-  }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
-  }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
-  }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
-  }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
-  }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
-  }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    text-indent:  0em;
-  }
-  p[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
-  }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
-  }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
-  }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
-  }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
-  }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
-  }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
-  }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
-  }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
-  }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
-  }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
-  }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
-  }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
-  }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
-  }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
-  }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
-  }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
-  }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
-  }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
-  }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
-  }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
-  }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+    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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #CCCCCC;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #000000;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #000000;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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 {
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
   .icon-bar {
-    width: 100%;
-    overflow: auto;
-    margin: 0em 0em 0em;
+    width                    : 100%%;
+    overflow                 : auto;
+    margin                   : 0em 0em 0em;
   }
   .left-bar {
-    width: 85%;
-    float: left;
-    display: inline;
-    overflow: auto;
+    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;
+    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%;
+    position                 : relative;
+    left                     : 25%%;
+    top                      : 25%%;
+    width                    : 150%%;
+    height                   : 150%%;
   }
   .toc-button p {
-    vertical-align: center;
-    font-size: 120%;
+    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;
+    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%;
+    position                 : relative;
+    left                     : 20%%;
+    top                      : 20%%;
+    width                    : 60%%;
+    height                   : 60%%;
   }
   .menu {
-    right: 6em;
+    right                    : 6em;
    }
   .previous {
-    right: 3em;
+    right                    : 3em;
    }
   .next {
-    right: 0em;
+    right                    : 0em;
    }
-  .arrow { fill: #DDDDDD; }
+  .arrow {
+     fill                    : #DDDDDD;
+  }
   .minitoc {
-    line-height: 100%;
-    font-size: 90%;
-    margin-top: 6px;
-    margin-bottom: 0px;
-    padding-left: 0em;
-    text-indent: 0em;
+    line-height              : 100%%;
+    font-size                : 90%%;
+    margin-top               : 6px;
+    margin-bottom            : 0px;
+    padding-left             : 0em;
+    text-indent              : 0em;
   }
   /* 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;
+    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;
+    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;
+    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;
+    background-color         : #000000;
+    margin                   : 4px;
   }
   /* grid */
   .wrapper {
-    display: grid;
-    grid-template-columns: 100%;
+    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;
+      "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;
+    border-style             : none;
+    border-color             : #000000;
+    padding                  : 10px;
   }
   .headband {
-    grid-area: headband;
-    background-color: #000000;
+    grid-area                : headband;
+    background-color         : #000000;
   }
   .doc_header {
-    grid-area: doc_header;
+    grid-area                : doc_header;
   }
   .doc_title {
-    grid-area: doc_title;
+    grid-area                : doc_title;
   }
   .doc_toc {
-    grid-area: doc_toc;
+    grid-area                : doc_toc;
   }
   .doc_prefix {
-    grid-area: doc_prefix;
+    grid-area                : doc_prefix;
   }
   .doc_intro {
-    grid-area: doc_intro;
+    grid-area                : doc_intro;
   }
   .doc_body {
-    grid-area: doc_body;
+    grid-area                : doc_body;
   }
   .doc_endnotes {
-    grid-area: doc_endnotes;
+    grid-area                : doc_endnotes;
   }
   .doc_glossary {
-    grid-area: doc_glossary;
+    grid-area                : doc_glossary;
   }
   .doc_biblio {
-    grid-area: doc_biblio;
+    grid-area                : doc_biblio;
   }
   .doc_bookindex {
-    grid-area: doc_bookindex;
+    grid-area                : doc_bookindex;
   }
   .doc_blurb {
-    grid-area: doc_blurb;
+    grid-area                : doc_blurb;
   }
   .doc_suffix {
-    grid-area: doc_suffix;
+    grid-area                : doc_suffix;
   }
   .nav-ul {
-    list-style: none;
-    float: left;
+    list-style               : none;
+    float                    : left;
   }
   .nav-li {
-    float: left;
-    padding-right: 0.7em;
+    float                    : left;
+    padding-right            : 0.7em;
   }
   .nav-li a {
-    text-decoration: none;
-    color: #000000;
+    text-decoration          : none;
+    color                    : #000000;
   }
   footer {
-    background-color: #FF704E;
-  }
-";
-    string _css_light_html_scroll="
+    background-color         : #FF704E;
+  }
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    string _css_light_html_scroll = format(q"┃
   *{
-    padding: 0px;
-    margin: 0px;
+    padding                  : 0px;
+    margin                   : 0px;
   }
   body {
-    height: 100vh;
-    background-color: #FFFFFF;
+    height                   : 100vh;
+    background-color         : #FFFFFF;
   }
   body {
-    color:#000000;
-    background: #FFFFFF;
-    background-color: #FFFFFF;
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:link {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
   a.lnkocn:link {
-    color: #777777;
-    text-decoration: none;
+    color                    : %s;
+    text-decoration          : none;
   }
   a.lnkocn:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover img {
-    background-color: #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:active {
-    color: #003399;
-    text-decoration: underline;
+    color                    : #003399;
+    text-decoration          : underline;
   }
   div {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left              : 0;
+    margin-right             : 0;
   }
   div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
   div.substance {
-    width: 100%;
-    background-color: #FFFFFF;
+    width                    : 100%%;
+    background-color         : #FFFFFF;
   }
   div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #FFFFFF;
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
   }
   div.endnote {
-    width: 95%;
-    background-color: #FFFFFFf;
+    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;
+    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;
+    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;
+    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%;
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
   }
   div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
   div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
   div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
   div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+    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;
+    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;
+    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;
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
   span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAAA;
+    text-decoration          : none;
+    background-color         : #AAAAAA;
   }
   div.toc a:visited {
-    color: #0000aa;
+    color                    : #0000aa;
   }
   div.toc a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
   nav#toc ol {
-    list-style-type: none;
+    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;
+    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;
+    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; }
+    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;
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
   p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
   p.block {
-    white-space: pre;
+    white-space              : pre;
   }
   p.group { }
   p.alt { }
   p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
   p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
   }
   p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
   p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
   p.center {
-    text-align: center;
+    text-align               : center;
   }
   p.bold {
-    font-weight: bold;
+    font-weight              : bold;
   }
   p.bold_left {
-    font-weight: bold;
-    text-align: left;
+    font-weight              : bold;
+    text-align               : left;
   }
   p.centerbold {
-    text-align: center;
-    font-weight: bold;
+    text-align               : center;
+    font-weight              : bold;
   }
   p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3b6;
+    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;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #777777;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 10px;
+    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;
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
   p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+    margin-right             : 1em;
+    text-align               : right;
   }
   p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: 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;
+    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;
+    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;
+    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;
+    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;
+    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;
-  }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
-  }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
-  }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
-  }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
-  }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
-  }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
-  }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
-  }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
-  }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
-  }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
-  }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
-  }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
-  }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
-  }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
-  }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
-  }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
-  }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
-  }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
-  }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
-  }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
-  }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
-  }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
-  }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
-  }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
-  }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
-  }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
-  }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
-  }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
-  }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
-  }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
-  }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
-  }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
-  }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
-  }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
-  }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
-  }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
-  }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
-  }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
-  }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
-  }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
-  }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
-  }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
-  }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
-  }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
-  }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
-  }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
-  }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
-  }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
-  }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
-  }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
-  }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
-  }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
-  }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
-  }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
-  }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
-  }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
-  }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
-  }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
-  }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
-  }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
-  }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
-  }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
-  }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
-  }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
-  }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
-  }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
-  }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
-  }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
-  }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
-  }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
-  }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
-  }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
-  }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
-  }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
-  }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
-  }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
-  }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
-  }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    text-indent:  0em;
-  }
-  p[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
-  }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
-  }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
-  }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
-  }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
-  }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
-  }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
-  }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
-  }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
-  }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
-  }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
-  }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
-  }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
-  }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
-  }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
-  }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
-  }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
-  }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
-  }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
-  }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
-  }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
-  }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+    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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #777777;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #FFFFFF;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #FFFFFF;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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;
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
   /* 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;
+    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;
+    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;
+    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;
+    background-color         : #FFFFFF;
+    margin                   : 4px;
   }
   /* grid */
   .wrapper {
-    display: grid;
-    grid-template-columns: 100%;
+    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;
+      "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;
+    border-style             : none;
+    border-color             : #FFFFFF;
+    padding                  : 10px;
   }
   .headband {
-    grid-area: headband;
-    background-color: #FFFFFF;
+    grid-area                : headband;
+    background-color         : #FFFFFF;
   }
   .doc_header {
-    grid-area: doc_header;
+    grid-area                : doc_header;
   }
   .doc_title {
-    grid-area: doc_title;
+    grid-area                : doc_title;
   }
   .doc_toc {
-    grid-area: doc_toc;
+    grid-area                : doc_toc;
   }
   .doc_prefix {
-    grid-area: doc_prefix;
+    grid-area                : doc_prefix;
   }
   .doc_intro {
-    grid-area: doc_intro;
+    grid-area                : doc_intro;
   }
   .doc_body {
-    grid-area: doc_body;
+    grid-area                : doc_body;
   }
   .doc_endnotes {
-    grid-area: doc_endnotes;
+    grid-area                : doc_endnotes;
   }
   .doc_glossary {
-    grid-area: doc_glossary;
+    grid-area                : doc_glossary;
   }
   .doc_biblio {
-    grid-area: doc_biblio;
+    grid-area                : doc_biblio;
   }
   .doc_bookindex {
-    grid-area: doc_bookindex;
+    grid-area                : doc_bookindex;
   }
   .doc_blurb {
-    grid-area: doc_blurb;
+    grid-area                : doc_blurb;
   }
   .doc_suffix {
-    grid-area: doc_suffix;
+    grid-area                : doc_suffix;
   }
   .nav-ul {
-    list-style: none;
-    float: left;
+    list-style               : none;
+    float                    : left;
   }
   .nav-li {
-    float: left;
-    padding-right: 0.7em;
+    float                    : left;
+    padding-right            : 0.7em;
   }
   .nav-li a {
-    text-decoration: none;
-    color:#FFFFFF;
+    text-decoration          : none;
+    color                    : #FFFFFF;
   }
   footer {
-    background-color: #00704E;
-  }
-";
-    string _css_dark_html_scroll="
+    background-color         : #00704E;
+  }
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_html_scroll = format(q"┃
   *{
-    padding: 0px;
-    margin: 0px;
+    padding                  : 0px;
+    margin                   : 0px;
   }
   body {
-    height: 100vh;
-    background-color: #000000;
+    height                   : 100vh;
+    background-color         : #000000;
   }
   body {
-    color: #CCCCCC;
-    background: #000000;
-    background-color: #000000;
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
   }
   a:link {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:visited {
-    color: #999999;
-    text-decoration: none;
+    color                    : #999999;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #555555;
+    color                    : #000000;
+    background-color         : #555555;
   }
   a.lnkocn:link {
-    color: #BBBBBB;
-    text-decoration: none;
+    color                    : %s;
+    text-decoration          : none;
   }
   a.lnkocn:visited {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:hover img {
-    background-color: #000000;
+    background-color         : #000000;
   }
   a:active {
-    color: #888888;
-    text-decoration: underline;
+    color                    : #888888;
+    text-decoration          : underline;
   }
   div {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left              : 0;
+    margin-right             : 0;
   }
   div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
   div.substance {
-    width: 100%;
-    background-color: #000000;
+    width                    : 100%%;
+    background-color         : #000000;
   }
   div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #000000;
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
   }
   div.endnote {
-    width: 95%;
-    background-color: #0000000;
+    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;
+    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;
+    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;
+    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%;
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
   }
   div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
   div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
   div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
   div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+    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;
+    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;
+    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;
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
   span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAF9;
+    text-decoration          : none;
+    background-color         : #AAAAF9;
   }
   div.toc a:visited {
-    color: #FF00AA;
+    color                    : #FF00AA;
   }
   div.toc a:hover {
-    color: #CCCCCC;
-    background-color: #F9F9AA;
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
   }
   nav#toc ol {
-    list-style-type: none;
+    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;
+    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;
+    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; }
+    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;
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
   p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
   p.block {
-    white-space: pre;
+    white-space              : pre;
   }
   p.group { }
   p.alt { }
   p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
   p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
   }
   p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
   p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
   p.center {
-    text-align: center;
+    text-align               : center;
   }
   p.bold {
-    font-weight: bold;
+    font-weight              : bold;
   }
   p.bold_left {
-    font-weight: bold;
-    text-align: left;
+    font-weight              : bold;
+    text-align               : left;
   }
   p.centerbold {
-    text-align: center;
-    font-weight: bold;
+    text-align               : center;
+    font-weight              : bold;
   }
   p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3B6;
+    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;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #EEEEEE;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 10px;
+    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;
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
   p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+    margin-right             : 1em;
+    text-align               : right;
   }
   p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: 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;
+    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;
+    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;
+    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;
+    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;
+    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;
-  }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
-  }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
-  }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
-  }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
-  }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
-  }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
-  }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
-  }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
-  }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
-  }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
-  }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
-  }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
-  }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
-  }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
-  }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
-  }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
-  }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
-  }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
-  }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
-  }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
-  }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
-  }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
-  }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
-  }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
-  }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
-  }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
-  }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
-  }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
-  }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
-  }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
-  }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
-  }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
-  }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
-  }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
-  }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
-  }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
-  }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
-  }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
-  }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
-  }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
-  }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
-  }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
-  }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
-  }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
-  }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
-  }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
-  }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
-  }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
-  }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
-  }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
-  }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
-  }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
-  }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
-  }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
-  }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
-  }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
-  }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
-  }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
-  }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
-  }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
-  }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
-  }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
-  }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
-  }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
-  }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
-  }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
-  }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
-  }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
-  }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
-  }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
-  }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
-  }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
-  }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
-  }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
-  }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
-  }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
-  }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
-  }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    text-indent:  0em;
-  }
-  p[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
-  }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
-  }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
-  }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
-  }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
-  }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
-  }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
-  }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
-  }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
-  }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
-  }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
-  }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
-  }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
-  }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
-  }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
-  }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
-  }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
-  }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
-  }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
-  }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
-  }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
-  }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+    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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #CCCCCC;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #000000;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #000000;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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 {
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
   /* 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;
+    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;
+    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;
+    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;
+    background-color         : #000000;
+    margin                   : 4px;
   }
   /* grid */
   .wrapper {
-    display: grid;
-    grid-template-columns: 100%;
+    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;
+      "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;
+    border-style             : none;
+    border-color             : #000000;
+    padding                  : 10px;
   }
   .headband {
-    grid-area: headband;
-    background-color: #000000;
+    grid-area                : headband;
+    background-color         : #000000;
   }
   .doc_header {
-    grid-area: doc_header;
+    grid-area                : doc_header;
   }
   .doc_title {
-    grid-area: doc_title;
+    grid-area                : doc_title;
   }
   .doc_toc {
-    grid-area: doc_toc;
+    grid-area                : doc_toc;
   }
   .doc_prefix {
-    grid-area: doc_prefix;
+    grid-area                : doc_prefix;
   }
   .doc_intro {
-    grid-area: doc_intro;
+    grid-area                : doc_intro;
   }
   .doc_body {
-    grid-area: doc_body;
+    grid-area                : doc_body;
   }
   .doc_endnotes {
-    grid-area: doc_endnotes;
+    grid-area                : doc_endnotes;
   }
   .doc_glossary {
-    grid-area: doc_glossary;
+    grid-area                : doc_glossary;
   }
   .doc_biblio {
-    grid-area: doc_biblio;
+    grid-area                : doc_biblio;
   }
   .doc_bookindex {
-    grid-area: doc_bookindex;
+    grid-area                : doc_bookindex;
   }
   .doc_blurb {
-    grid-area: doc_blurb;
+    grid-area                : doc_blurb;
   }
   .doc_suffix {
-    grid-area: doc_suffix;
+    grid-area                : doc_suffix;
   }
   .nav-ul {
-    list-style: none;
-    float: left;
+    list-style               : none;
+    float                    : left;
   }
   .nav-li {
-    float: left;
-    padding-right: 0.7em;
+    float                    : left;
+    padding-right            : 0.7em;
   }
   .nav-li a {
-    text-decoration: none;
-    color: #000000;
+    text-decoration          : none;
+    color                    : #000000;
   }
   footer {
-    background-color: #FF704E;
-  }
-";
-    string _css_light_epub="
+    background-color         : #FF704E;
+  }
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    string _css_light_epub = format(q"┃
   *{
-    padding: 0px;
-    margin: 0px;
+    padding                  : 0px;
+    margin                   : 0px;
   }
   body {
-    height: 100vh;
-    background-color: #FFFFFF;
+    height                   : 100vh;
+    background-color         : #FFFFFF;
   }
   body {
-    color:#000000;
-    background: #FFFFFF;
-    background-color: #FFFFFF;
+    color                    : #000000;
+    background               : #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:link {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
   a.lnkocn:link {
-    color: #777777;
-    text-decoration: none;
+    color                    : %s;
+    text-decoration          : none;
   }
   a.lnkocn:visited {
-    color: #003399;
-    text-decoration: none;
+    color                    : #003399;
+    text-decoration          : none;
   }
   a:hover img {
-    background-color: #FFFFFF;
+    background-color         : #FFFFFF;
   }
   a:active {
-    color: #003399;
-    text-decoration: underline;
+    color                    : #003399;
+    text-decoration          : underline;
   }
   div {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left              : 0;
+    margin-right             : 0;
   }
   div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
   div.substance {
-    width: 100%;
-    background-color: #FFFFFF;
+    width                    : 100%%;
+    background-color         : #FFFFFF;
   }
   div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #FFFFFF;
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #FFFFFF;
   }
   div.endnote {
-    width: 95%;
-    background-color: #FFFFFFf;
+    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;
+    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;
+    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;
+    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%;
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #FFFFFF;
+    padding-left             : 5%%;
   }
   div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
   div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
   div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
   div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+    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;
+    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;
+    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;
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
   span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAAA;
+    text-decoration          : none;
+    background-color         : #AAAAAA;
   }
   div.toc a:visited {
-    color: #0000aa;
+    color                    : #0000aa;
   }
   div.toc a:hover {
-    color: #000000;
-    background-color: #F9F9AA;
+    color                    : #000000;
+    background-color         : #F9F9AA;
   }
   nav#toc ol {
-    list-style-type: none;
+    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;
+    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;
+    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; }
+    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;
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
   p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
   p.block {
-    white-space: pre;
+    white-space              : pre;
   }
   p.group { }
   p.alt { }
   p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
   p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
   }
   p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
   p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
   p.center {
-    text-align: center;
+    text-align               : center;
   }
   p.bold {
-    font-weight: bold;
+    font-weight              : bold;
   }
   p.bold_left {
-    font-weight: bold;
-    text-align: left;
+    font-weight              : bold;
+    text-align               : left;
   }
   p.centerbold {
-    text-align: center;
-    font-weight: bold;
+    text-align               : center;
+    font-weight              : bold;
   }
   p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3b6;
+    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;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #777777;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 10px;
+    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;
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
   p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+    margin-right             : 1em;
+    text-align               : right;
   }
   p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: 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;
+    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;
+    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;
+    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;
+    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;
+    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;
-  }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
-  }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
-  }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
-  }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
-  }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
-  }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
-  }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
-  }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
-  }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
-  }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
-  }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
-  }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
-  }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
-  }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
-  }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
-  }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
-  }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
-  }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
-  }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
-  }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
-  }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
-  }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
-  }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
-  }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
-  }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
-  }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
-  }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
-  }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
-  }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
-  }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
-  }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
-  }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
-  }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
-  }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
-  }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
-  }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
-  }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
-  }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
-  }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
-  }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
-  }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
-  }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
-  }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
-  }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
-  }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
-  }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
-  }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
-  }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
-  }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
-  }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
-  }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
-  }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
-  }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
-  }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
-  }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
-  }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
-  }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
-  }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
-  }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
-  }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
-  }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
-  }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
-  }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
-  }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
-  }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
-  }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
-  }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
-  }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
-  }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
-  }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
-  }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
-  }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
-  }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
-  }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
-  }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
-  }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
-  }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
-  }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    text-indent:  0em;
-  }
-  p[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
-  }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
-  }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
-  }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
-  }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
-  }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
-  }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
-  }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
-  }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
-  }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
-  }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
-  }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
-  }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
-  }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
-  }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
-  }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
-  }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
-  }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
-  }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
-  }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
-  }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
-  }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+    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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #777777;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #FFFFFF;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #FFFFFF;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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;
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
 
-";
-    string _css_dark_epub="
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_epub = format(q"┃
   *{
-    padding: 0px;
-    margin: 0px;
+    padding                  : 0px;
+    margin                   : 0px;
   }
   body {
-    height: 100vh;
-    background-color: #000000;
+    height                   : 100vh;
+    background-color         : #000000;
   }
   body {
-    color: #CCCCCC;
-    background: #000000;
-    background-color: #000000;
+    color                    : #CCCCCC;
+    background               : #000000;
+    background-color         : #000000;
   }
   a:link {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:visited {
-    color: #999999;
-    text-decoration: none;
+    color                    : #999999;
+    text-decoration          : none;
   }
   a:hover {
-    color: #000000;
-    background-color: #555555;
+    color                    : #000000;
+    background-color         : #555555;
   }
   a.lnkocn:link {
-    color: #BBBBBB;
-    text-decoration: none;
+    color                    : %s;
+    text-decoration          : none;
   }
   a.lnkocn:visited {
-    color: #FFFFFF;
-    text-decoration: none;
+    color                    : #FFFFFF;
+    text-decoration          : none;
   }
   a:hover img {
-    background-color: #000000;
+    background-color         : #000000;
   }
   a:active {
-    color: #888888;
-    text-decoration: underline;
+    color                    : #888888;
+    text-decoration          : underline;
   }
   div {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left              : 0;
+    margin-right             : 0;
   }
   div.p {
-    margin-left: 5%;
-    margin-right: 1%;
+    margin-left              : 5%%;
+    margin-right             : 1%%;
   }
   div.substance {
-    width: 100%;
-    background-color: #000000;
+    width                    : 100%%;
+    background-color         : #000000;
   }
   div.ocn {
-    width: 5%;
-    float: right;
-    top: 0;
-    background-color: #000000;
+    width                    : 5%%;
+    float                    : right;
+    top                      : 0;
+    background-color         : #000000;
   }
   div.endnote {
-    width: 95%;
-    background-color: #0000000;
+    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;
+    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;
+    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;
+    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%;
+    margin                   : 0;
+    padding                  : 0;
+    border-left              : 0%% solid #000000;
+    padding-left             : 5%%;
   }
   div.scroll {
-    margin: 0;
-    padding: 0;
-    padding-left: 1em;
-    padding-right: 1em;
+    margin                   : 0;
+    padding                  : 0;
+    padding-left             : 1em;
+    padding-right            : 1em;
   }
   div.content:after {
-    content:' ';
-    clear:both;
-    display:block;
-    height:0;
-    overflow:hidden
+    content                  : ' ';
+    clear                    : both;
+    display                  : block;
+    height                   : 0;
+    overflow                 : hidden;
   }
   div.footer {
-    clear:left;
-    padding: 0.5em;
-    font-size: 80%;
-    margin: 0;
+    clear                    : left;
+    padding                  : 0.5em;
+    font-size                : 80%%;
+    margin                   : 0;
   }
   div.toc ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+    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;
+    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;
+    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;
+    width                    : 90%%;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    margin-top               : 1.8em;
+    margin-bottom            : 1.8em;
   }
   span.currentlink {
-    text-decoration: none;
-    background-color: #AAAAF9;
+    text-decoration          : none;
+    background-color         : #AAAAF9;
   }
   div.toc a:visited {
-    color: #FF00AA;
+    color                    : #FF00AA;
   }
   div.toc a:hover {
-    color: #CCCCCC;
-    background-color: #F9F9AA;
+    color                    : #CCCCCC;
+    background-color         : #F9F9AA;
   }
   nav#toc ol {
-    list-style-type: none;
+    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;
+    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;
+    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; }
+    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;
+    width                    : auto;
+    display                  : block;
+    clear                    : both;
+    color                    : #555555;
   }
   p.code {
-    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%;
-  }
-  p.spaced { white-space: pre; }
+    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%%;
+  }
+  p.spaced { white-space:    pre; }
   p.block {
-    white-space: pre;
+    white-space              : pre;
   }
   p.group { }
   p.alt { }
   p.verse {
-    white-space: pre;
-    margin-bottom: 6px;
+    white-space              : pre;
+    margin-bottom            : 6px;
   }
   p.caption {
-    text-align: left;
-    font-size: 80%;
-    display: inline;
+    text-align               : left;
+    font-size                : 80%%;
+    display                  : inline;
   }
   p.endnote {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-right             : 15mm;
   }
   p.endnote_indent {
-    font-size: 96%;
-    line-height: 120%;
-    text-align: left;
-    margin-left: 2em;
-    margin-right: 15mm;
+    font-size                : 96%%;
+    line-height              : 120%%;
+    text-align               : left;
+    margin-left              : 2em;
+    margin-right             : 15mm;
   }
   p.center {
-    text-align: center;
+    text-align               : center;
   }
   p.bold {
-    font-weight: bold;
+    font-weight              : bold;
   }
   p.bold_left {
-    font-weight: bold;
-    text-align: left;
+    font-weight              : bold;
+    text-align               : left;
   }
   p.centerbold {
-    text-align: center;
-    font-weight: bold;
+    text-align               : center;
+    font-weight              : bold;
   }
   p.em {
-    font-weight: bold;
-    font-style: normal;
-    background: #FFF3B6;
+    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;
+    font-size                : 80%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+    text-align               : left;
   }
   .tiny, .tiny_left, .tiny_right, .tiny_center {
-    font-size: 10px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    color: #EEEEEE;
-    margin-right: 6px;
-    text-align: left;
+    font-size                : 10px;
+    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;
+    margin-left              : 0px;
+    margin-right             : 0px;
+    text-align               : left;
   }
   p.tiny_right {
-    margin-right: 1em;
-    text-align: right;
+    margin-right             : 1em;
+    text-align               : right;
   }
   p.tiny_center {
-    margin-left: 0px;
-    margin-right: 0px;
-    text-align: 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;
+    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;
+    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;
+    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;
+    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;
+    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;
-  }
-  /* indent */
-  p.norm { }
-  p.i1 { padding-left: 1em; }
-  p.i2 { padding-left: 2em; }
-  p.i3 { padding-left: 3em; }
-  p.i4 { padding-left: 4em; }
-  p.i5 { padding-left: 5em; }
-  p.i6 { padding-left: 6em; }
-  p.i7 { padding-left: 7em; }
-  p.i8 { padding-left: 8em; }
-  p.i9 { padding-left: 9em; }
-  /* hanging indent */
-  p[indent=\"h0i0\"] {
-    padding-left: 0em;
-    text-indent:  0em;
-  }
-  p[indent=\"h0i1\"] {
-    padding-left: 1em;
-    text-indent: -1em;
-  }
-  p[indent=\"h0i2\"] {
-    padding-left: 2em;
-    text-indent: -2em;
-  }
-  p[indent=\"h0i3\"] {
-    padding-left: 3em;
-    text-indent: -3em;
-  }
-  p[indent=\"h0i4\"] {
-    padding-left: 4em;
-    text-indent: -4em;
-  }
-  p[indent=\"h0i5\"] {
-    padding-left: 5em;
-    text-indent: -5em;
-  }
-  p[indent=\"h0i6\"] {
-    padding-left: 6em;
-    text-indent: -6em;
-  }
-  p[indent=\"h0i7\"] {
-    padding-left: 7em;
-    text-indent: -7em;
-  }
-  p[indent=\"h0i8\"] {
-    padding-left: 8em;
-    text-indent: -8em;
-  }
-  p[indent=\"h0i9\"] {
-    padding-left: 9em;
-    text-indent: -9em;
-  }
-  p[indent=\"h1i0\"] {
-    padding-left: 0em;
-    text-indent:  1em;
-  }
-  p[indent=\"h1i1\"] {
-    padding-left: 1em;
-    text-indent:  0em;
-  }
-  p[indent=\"h1i2\"] {
-    padding-left: 2em;
-    text-indent: -1em;
-  }
-  p[indent=\"h1i3\"] {
-    padding-left: 3em;
-    text-indent: -2em;
-  }
-  p[indent=\"h1i4\"] {
-    padding-left: 4em;
-    text-indent: -3em;
-  }
-  p[indent=\"h1i5\"] {
-    padding-left: 5em;
-    text-indent: -4em;
-  }
-  p[indent=\"h1i6\"] {
-    padding-left: 6em;
-    text-indent: -5em;
-  }
-  p[indent=\"h1i7\"] {
-    padding-left: 7em;
-    text-indent: -6em;
-  }
-  p[indent=\"h1i8\"] {
-    padding-left: 8em;
-    text-indent: -7em;
-  }
-  p[indent=\"h1i9\"] {
-    padding-left: 9em;
-    text-indent: -8em;
-  }
-  p[indent=\"h2i0\"] {
-    padding-left: 0em;
-    text-indent:  2em;
-  }
-  p[indent=\"h2i1\"] {
-    padding-left: 1em;
-    text-indent:  1em;
-  }
-  p[indent=\"h2i2\"] {
-    padding-left: 2em;
-    text-indent:  0em;
-  }
-  p[indent=\"h2i3\"] {
-    padding-left: 3em;
-    text-indent: -1em;
-  }
-  p[indent=\"h2i4\"] {
-    padding-left: 4em;
-    text-indent: -2em;
-  }
-  p[indent=\"h2i5\"] {
-    padding-left: 5em;
-    text-indent: -3em;
-  }
-  p[indent=\"h2i6\"] {
-    padding-left: 6em;
-    text-indent: -4em;
-  }
-  p[indent=\"h2i7\"] {
-    padding-left: 7em;
-    text-indent: -5em;
-  }
-  p[indent=\"h2i8\"] {
-    padding-left: 8em;
-    text-indent: -6em;
-  }
-  p[indent=\"h2i9\"] {
-    padding-left: 9em;
-    text-indent: -7em;
-  }
-  p[indent=\"h3i0\"] {
-    padding-left: 0em;
-    text-indent:  3em;
-  }
-  p[indent=\"h3i1\"] {
-    padding-left: 1em;
-    text-indent:  2em;
-  }
-  p[indent=\"h3i2\"] {
-    padding-left: 2em;
-    text-indent:  1em;
-  }
-  p[indent=\"h3i3\"] {
-    padding-left: 3em;
-    text-indent:  0em;
-  }
-  p[indent=\"h3i4\"] {
-    padding-left: 4em;
-    text-indent: -1em;
-  }
-  p[indent=\"h3i5\"] {
-    padding-left: 5em;
-    text-indent: -2em;
-  }
-  p[indent=\"h3i6\"] {
-    padding-left: 6em;
-    text-indent: -3em;
-  }
-  p[indent=\"h3i7\"] {
-    padding-left: 7em;
-    text-indent: -4em;
-  }
-  p[indent=\"h3i8\"] {
-    padding-left: 8em;
-    text-indent: -5em;
-  }
-  p[indent=\"h3i9\"] {
-    padding-left: 9em;
-    text-indent: -6em;
-  }
-  p[indent=\"h4i0\"] {
-    padding-left: 0em;
-    text-indent:  4em;
-  }
-  p[indent=\"h4i1\"] {
-    padding-left: 1em;
-    text-indent:  3em;
-  }
-  p[indent=\"h4i2\"] {
-    padding-left: 2em;
-    text-indent:  2em;
-  }
-  p[indent=\"h4i3\"] {
-    padding-left: 3em;
-    text-indent:  1em;
-  }
-  p[indent=\"h4i4\"] {
-    padding-left: 4em;
-    text-indent:  0em;
-  }
-  p[indent=\"h4i5\"] {
-    padding-left: 5em;
-    text-indent: -1em;
-  }
-  p[indent=\"h4i6\"] {
-    padding-left: 6em;
-    text-indent: -2em;
-  }
-  p[indent=\"h4i7\"] {
-    padding-left: 7em;
-    text-indent: -3em;
-  }
-  p[indent=\"h4i8\"] {
-    padding-left: 8em;
-    text-indent: -4em;
-  }
-  p[indent=\"h4i9\"] {
-    padding-left: 9em;
-    text-indent: -5em;
-  }
-  p[indent=\"h5i0\"] {
-    padding-left: 0em;
-    text-indent:  5em;
-  }
-  p[indent=\"h5i1\"] {
-    padding-left: 1em;
-    text-indent:  4em;
-  }
-  p[indent=\"h5i2\"] {
-    padding-left: 2em;
-    text-indent:  3em;
-  }
-  p[indent=\"h5i3\"] {
-    padding-left: 3em;
-    text-indent:  2em;
-  }
-  p[indent=\"h5i4\"] {
-    padding-left: 4em;
-    text-indent:  1em;
-  }
-  p[indent=\"h5i5\"] {
-    padding-left: 5em;
-    text-indent:  0em;
-  }
-  p[indent=\"h5i6\"] {
-    padding-left: 6em;
-    text-indent: -1em;
-  }
-  p[indent=\"h5i7\"] {
-    padding-left: 7em;
-    text-indent: -2em;
-  }
-  p[indent=\"h5i8\"] {
-    padding-left: 8em;
-    text-indent: -3em;
-  }
-  p[indent=\"h5i9\"] {
-    padding-left: 9em;
-    text-indent: -4em;
-  }
-  p[indent=\"h6i0\"] {
-    padding-left: 0em;
-    text-indent:  6em;
-  }
-  p[indent=\"h6i1\"] {
-    padding-left: 1em;
-    text-indent:  5em;
-  }
-  p[indent=\"h6i2\"] {
-    padding-left: 2em;
-    text-indent:  4em;
-  }
-  p[indent=\"h6i3\"] {
-    padding-left: 3em;
-    text-indent:  3em;
-  }
-  p[indent=\"h6i4\"] {
-    padding-left: 4em;
-    text-indent:  2em;
-  }
-  p[indent=\"h6i5\"] {
-    padding-left: 5em;
-    text-indent:  1em;
-  }
-  p[indent=\"h6i6\"] {
-    padding-left: 6em;
-    text-indent:  0em;
-  }
-  p[indent=\"h6i7\"] {
-    padding-left: 7em;
-    text-indent: -1em;
-  }
-  p[indent=\"h6i8\"] {
-    padding-left: 8em;
-    text-indent: -2em;
-  }
-  p[indent=\"h6i9\"] {
-    padding-left: 9em;
-    text-indent: -3em;
-  }
-  p[indent=\"h7i0\"] {
-    padding-left: 0em;
-    text-indent:  7em;
-  }
-  p[indent=\"h7i1\"] {
-    padding-left: 1em;
-    text-indent:  6em;
-  }
-  p[indent=\"h7i2\"] {
-    padding-left: 2em;
-    text-indent:  5em;
-  }
-  p[indent=\"h7i3\"] {
-    padding-left: 3em;
-    text-indent:  4em;
-  }
-  p[indent=\"h7i4\"] {
-    padding-left: 4em;
-    text-indent:  3em;
-  }
-  p[indent=\"h7i5\"] {
-    padding-left: 5em;
-    text-indent:  2em;
-  }
-  p[indent=\"h7i6\"] {
-    padding-left: 6em;
-    text-indent:  1em;
-  }
-  p[indent=\"h7i7\"] {
-    padding-left: 7em;
-    text-indent:  0em;
-  }
-  p[indent=\"h7i8\"] {
-    padding-left: 8em;
-    text-indent: -1em;
-  }
-  p[indent=\"h7i9\"] {
-    padding-left: 9em;
-    text-indent: -2em;
-  }
-  p[indent=\"h8i0\"] {
-    padding-left: 0em;
-    text-indent:  8em;
-  }
-  p[indent=\"h8i1\"] {
-    padding-left: 1em;
-    text-indent:  7em;
-  }
-  p[indent=\"h8i2\"] {
-    padding-left: 2em;
-    text-indent:  6em;
-  }
-  p[indent=\"h8i3\"] {
-    padding-left: 3em;
-    text-indent:  5em;
-  }
-  p[indent=\"h8i4\"] {
-    padding-left: 4em;
-    text-indent:  4em;
-  }
-  p[indent=\"h8i5\"] {
-    padding-left: 5em;
-    text-indent:  3em;
-  }
-  p[indent=\"h8i6\"] {
-    padding-left: 6em;
-    text-indent:  2em;
-  }
-  p[indent=\"h8i7\"] {
-    padding-left: 7em;
-    text-indent:  1em;
-  }
-  p[indent=\"h8i8\"] {
-    padding-left: 8em;
-    text-indent:  0em;
-  }
-  p[indent=\"h8i9\"] {
-    padding-left: 9em;
-    text-indent: -1em;
-  }
-  p[indent=\"h9i0\"] {
-    padding-left: 0em;
-    text-indent:  9em;
-  }
-  p[indent=\"h9i1\"] {
-    padding-left: 1em;
-    text-indent:  8em;
-  }
-  p[indent=\"h9i2\"] {
-    padding-left: 2em;
-    text-indent:  7em;
-  }
-  p[indent=\"h9i3\"] {
-    padding-left: 3em;
-    text-indent:  6em;
-  }
-  p[indent=\"h9i4\"] {
-    padding-left: 4em;
-    text-indent:  5em;
-  }
-  p[indent=\"h9i5\"] {
-    padding-left: 5em;
-    text-indent:  4em;
-  }
-  p[indent=\"h9i6\"] {
-    padding-left: 6em;
-    text-indent:  3em;
-  }
-  p[indent=\"h9i7\"] {
-    padding-left: 7em;
-    text-indent:  2em;
-  }
-  p[indent=\"h9i8\"] {
-    padding-left: 8em;
-    text-indent:  1em;
-  }
-  p[indent=\"h9i9\"] {
-    padding-left: 9em;
-    text-indent:  0em;
+    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: 10px;
-    margin-top: 0px;
-    margin-bottom: 5px;
-    color: #CCCCCC;
-    margin-right: 5px;
-    text-align: right;
-    background-color: #000000;
+    width                    : 2%%;
+    float                    : right;
+    top                      : 0;
+    font-size                : 10px;
+    margin-top               : 0px;
+    margin-bottom            : 5px;
+    margin-right             : 5px;
+    text-align               : right;
+    color                    : %s;
   }
   table {
-    display: block;
-    margin-left: 5%;
-    margin-right: 2em;
-    background-color: #000000;
+    display                  : block;
+    margin-left              : 5%%;
+    margin-right             : 2em;
+    background-color         : inherit;
   }
   tr { }
   th,td {
-    vertical-align: top;
-    text-align: left;
+    vertical-align           : top;
+    text-align               : left;
   }
   th {
-    font-weight: bold;
+    font-weight              : bold;
   }
   em {
-    font-weight: bold;
-    font-style: italic;
+    font-weight              : bold;
+    font-style               : italic;
   }
   p.left,th.left,td.left {
-    text-align: left;
+    text-align               : left;
   }
   p.small_left,th.small_left,td.small_left {
-    text-align: left;
-    font-size: 80%;
+    text-align               : left;
+    font-size                : 80%%;
   }
   p.right,th.right,td.right {
-    text-align: 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;
+    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 {
+    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;
+    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%; }
+    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; }
+  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;
+    font-weight              : normal;
+    margin-top               : 6px;
+    margin-bottom            : 6px;
   }
   h0.toc {
-    margin-left: 1em;
-    font-size: 120%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 120%%;
+    line-height              : 150%%;
   }
   h1.toc {
-    margin-left: 1em;
-    font-size: 115%;
-    line-height: 150%;
+    margin-left              : 1em;
+    font-size                : 115%%;
+    line-height              : 150%%;
   }
   h2.toc {
-    margin-left: 2em;
-    font-size: 110%;
-    line-height: 140%;
+    margin-left              : 2em;
+    font-size                : 110%%;
+    line-height              : 140%%;
   }
   h3.toc {
-    margin-left: 3em;
-    font-size: 105%;
-    line-height: 120%;
+    margin-left              : 3em;
+    font-size                : 105%%;
+    line-height              : 120%%;
   }
   h4.toc {
-    margin-left: 4em;
-    font-size: 100%;
-    line-height: 120%;
+    margin-left              : 4em;
+    font-size                : 100%%;
+    line-height              : 120%%;
   }
   h5.toc {
-    margin-left: 5em;
-    font-size: 95%;
-    line-height: 110%;
+    margin-left              : 5em;
+    font-size                : 95%%;
+    line-height              : 110%%;
   }
   h6.toc {
-    margin-left: 6em;
-    font-size: 90%;
-    line-height: 110%;
+    margin-left              : 6em;
+    font-size                : 90%%;
+    line-height              : 110%%;
   }
   h7.toc {
-    margin-left: 7em;
-    font-size: 85%;
-    line-height: 100%;
+    margin-left              : 7em;
+    font-size                : 85%%;
+    line-height              : 100%%;
   }
   .subtoc {
-    margin-right: 34%;
-    font-weight: normal;
+    margin-right             : 34%%;
+    font-weight              : normal;
   }
   h5.subtoc {
-    margin-left: 2em;
-    font-size: 80%;
-    margin-top: 2px;
-    margin-bottom: 2px;
+    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;
+    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;
+    margin-left              : 4em;
+    font-size                : 70%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
   }
 
-";
-    struct _CSS {
-      auto light() {
-        struct _light {
-          auto html_seg() {
-            string _css = "/* DocReform css html seg stylesheet */\n" ~ _css_light_html_seg;
-            return _css;
-          }
-          auto html_scroll() {
-            string _css = "/* DocReform css html scroll stylesheet */\n" ~ _css_light_html_scroll;
-            return _css;
-          }
-          auto epub() {
-            string _css = "/* DocReform css epub stylesheet */\n" ~ _css_light_epub;
-            return _css;
-          }
-        }
-        return _light();
-      }
-      auto dark() {
-        struct _dark {
-          auto html_seg() {
-            string _css = "/* DocReform css html seg stylesheet */\n" ~ _css_dark_html_seg;
-            return _css;
-          }
-          auto html_scroll() {
-            string _css = "/* DocReform css html scroll stylesheet */\n" ~ _css_dark_html_scroll;
-            return _css;
-          }
-          auto epub() {
-            string _css = "/* DocReform css epub stylesheet */\n" ~ _css_dark_epub;
-            return _css;
-          }
-        }
-        return _dark();
-      }
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    auto css_() {
+      struct _CSS {
+        string html_seg    = "/* DocReform css html seg stylesheet */\n";
+        string html_scroll = "/* DocReform css html scroll stylesheet */\n";
+        string epub        = "/* DocReform css epub stylesheet */\n";
       }
-    return _CSS();
+      return _CSS();
+    }
+    auto css = css_();
+    if (doc_matters.opt.action.css_theme_default) {
+      css.html_seg    ~= _css_light_html_seg;
+      css.html_scroll ~= _css_light_html_scroll;
+      css.epub        ~= _css_light_epub;
+    } else {
+      css.html_seg    ~= _css_dark_html_seg;
+      css.html_scroll ~= _css_dark_html_scroll;
+      css.epub        ~= _css_dark_epub;
+    }
+    return css;
   }
 }