0.16.0 sisudoc (src/sisudoc sisudoc spine)

- src/sisudoc (replaces src/doc_reform)
- sisudoc spine (used more)

1 files changed, 4451 insertions, 0 deletions

diff --git a/src/sisudoc/io_out/xmls_css.d b/src/sisudoc/io_out/xmls_css.d
new file mode 100644
index 0000000..e9f38e6
--- /dev/null
+++ b/src/sisudoc/io_out/xmls_css.d
@@ -0,0 +1,4451 @@
+/+
+- Name: SisuDoc Spine, Doc Reform [a part of]
+  - Description: documents, structuring, processing, publishing, search
+    - static content generator
+
+  - Author: Ralph Amissah
+    [ralph.amissah@gmail.com]
+
+  - Copyright: (C) 2015 - 2024 Ralph Amissah, All Rights Reserved.
+
+  - License: AGPL 3 or later:
+
+    Spine (SiSU), a framework for document structuring, publishing and
+    search
+
+    Copyright (C) Ralph Amissah
+
+    This program is free software: you can redistribute it and/or modify it
+    under the terms of the GNU AFERO General Public License as published by the
+    Free Software Foundation, either version 3 of the License, or (at your
+    option) any later version.
+
+    This program is distributed in the hope that it will be useful, but WITHOUT
+    ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+    FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+    more details.
+
+    You should have received a copy of the GNU General Public License along with
+    this program. If not, see [https://www.gnu.org/licenses/].
+
+    If you have Internet connection, the latest version of the AGPL should be
+    available at these locations:
+    [https://www.fsf.org/licensing/licenses/agpl.html]
+    [https://www.gnu.org/licenses/agpl.html]
+
+  - Spine (by Doc Reform, related to SiSU) uses standard:
+    - docReform markup syntax
+      - standard SiSU markup syntax with modified headers and minor modifications
+    - docReform object numbering
+      - standard SiSU object citation numbering & system
+
+  - Homepages:
+    [https://www.sisudoc.org]
+    [https://www.doc-reform.org]
+
+  - Git
+    [https://git.sisudoc.org/]
+
++/
+/++
+  default css settings
++/
+module sisudoc.io_out.xmls_css;
+@safe:
+template spineCss() {
+  import std.format;
+  auto spineCss(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;
+}
+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;
+}
+┃");
+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"┃
+html {
+  font-size                : 62.5%%;
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  font-size                : 1.6rem;
+  background-color         : #FFFFFF;
+  color                    : #000000;
+  background               : #FFFFFF;
+  background-color         : #FFFFFF;
+}
+a:link {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #32CD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #777777;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  font-size                : 160%%;
+}
+a:hover img {
+  background-color         : #FFFFFF;
+}
+a:active {
+  color                    : #003399;
+  text-decoration          : underline;
+}
+input {
+  color                    : #000000;
+  background-color         : #FFFFFF;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #FFFFFF;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #FFFFFF;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #FFFFFF;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #EEEEEE;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #EEEEEE;
+  padding-left             : 1em;
+  background-color         : #EEEEEE;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #FFFFFF;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #FFFFFF;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #EEEEEE;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #0000aa;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAAA;
+}
+div.toc a:visited {
+  color                    : #0000aa;
+}
+div.toc a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+  /* background-color         : #666666; */
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.55rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.2rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #777777;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.icons, .icons_center {
+  font-size                : 100%%;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.icons {
+  text-align               : left;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #777777;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.85rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #808080;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.85rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.75rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.7rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.6rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.55rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.45rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+.icon-bar {
+  width                    : 100%%;
+  overflow                 : auto;
+  margin                   : 0em 0em 0em;
+}
+.left-bar {
+  width                    : 85%%;
+  float                    : left;
+  display                  : inline;
+  overflow                 : auto;
+}
+.toc-button {
+  position                 : absolute;
+  top                      : 8px;
+  width                    : 3em;
+  height                   : 3em;
+  border-radius            : 50%%;
+  background               : #CCCCCC;
+  fill                     : #333333;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+}
+.toc-button svg {
+  position                 : relative;
+  left                     : 25%%;
+  top                      : 25%%;
+  width                    : 150%%;
+  height                   : 150%%;
+}
+.toc-button p {
+  vertical-align           : center;
+  font-size                : 1.8rem;
+}
+.prev-next-button {
+  position                 : absolute;
+  top                      : 8px;
+  width                    : 3em;
+  height                   : 3em;
+  border-radius            : 50%%;
+  background               : #CCCCCC;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+}
+.prev-next-button svg {
+  position                 : relative;
+  left                     : 20%%;
+  top                      : 20%%;
+  width                    : 60%%;
+  height                   : 60%%;
+}
+.menu {
+  right                    : 8em;
+ }
+.previous {
+  right                    : 4em;
+ }
+.next {
+  right                    : 0em;
+ }
+.arrow {
+  fill                     : #333333;
+}
+.minitoc {
+  line-height              : 120%%;
+  font-size                : 1.6rem;
+  margin-top               : 6px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+/* flex */
+.flex-menu-bar {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-flex-wrap        : wrap;
+  -webkit-align-items      : center;
+  align-items              : center;
+  width                    : 100%%;
+  margin-left              : 5%%;
+  margin-right             : 2%%;
+  background-color         : #FFFFFF;
+}
+.flex-menu-option {
+  background-color         : #FFFFFF;
+  margin-right             : 4px;
+}
+.flex-list {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-align-items      : center;
+  display                  : block;
+  align-items              : center;
+  width                    : 100%%;
+  background-color         : #FFFFFF;
+}
+.flex-list-item {
+  background-color         : #FFFFFF;
+  margin                   : 4px;
+}
+/* grid */
+.wrapper {
+  display                  : grid;
+  grid-template-columns    : 100%%;
+  grid-template-areas      :
+    "headband"
+    "doc_header"
+    "doc_title"
+    "doc_toc"
+    "doc_prefix"
+    "doc_intro"
+    "doc_body"
+    "doc_endnotes"
+    "doc_glossary"
+    "doc_biblio"
+    "doc_bookindex"
+    "doc_blurb"
+    "doc_suffix";
+  margin                   : 0px;
+  padding                  : 0px;
+  background-color         : #FFFFFF;
+}
+.delimit {
+  border-style             : none;
+  border-color             : #FFFFFF;
+  padding                  : 10px;
+}
+.headband {
+  grid-area                : headband;
+  background-color         : #FFFFFF;
+}
+.doc_header {
+  grid-area                : doc_header;
+}
+.doc_title {
+  grid-area                : doc_title;
+}
+.doc_toc {
+  grid-area                : doc_toc;
+}
+.doc_prefix {
+  grid-area                : doc_prefix;
+}
+.doc_intro {
+  grid-area                : doc_intro;
+}
+.doc_body {
+  grid-area                : doc_body;
+}
+.doc_endnotes {
+  grid-area                : doc_endnotes;
+}
+.doc_glossary {
+  grid-area                : doc_glossary;
+}
+.doc_biblio {
+  grid-area                : doc_biblio;
+}
+.doc_bookindex {
+  grid-area                : doc_bookindex;
+}
+.doc_blurb {
+  grid-area                : doc_blurb;
+}
+.doc_suffix {
+  grid-area                : doc_suffix;
+}
+.nav-ul {
+  list-style               : none;
+  float                    : left;
+}
+.nav-li {
+  float                    : left;
+  padding-right            : 0.7em;
+}
+.nav-li a {
+  text-decoration          : none;
+  color                    : #FFFFFF;
+}
+footer {
+  background-color         : #00704E;
+}
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_html_seg = format(q"┃
+html {
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  background-color         : #000000;
+  color                    : #CCCCCC;
+  background               : #000000;
+  background-color         : #000000;
+}
+a:link {
+  color                    : #FFFFFF;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #999999;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #555555;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #9ACD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #BBBBBB;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  color                    : #BBBBBB;
+  font-size                : 120%%;
+}
+a:hover img {
+  background-color         : #000000;
+}
+a:active {
+  color                    : #888888;
+  text-decoration          : underline;
+}
+input {
+  color                    : #FFFFFF;
+  background-color         : #777777;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #000000;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #000000;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #000000;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #111111;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #111111;
+  padding-left             : 1em;
+  background-color         : #111111;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #000000;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #000000;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #111111;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #FF00AA;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAF9;
+}
+div.toc a:visited {
+  color                    : #FF00AA;
+}
+div.toc a:hover {
+  color                    : #CCCCCC;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.5rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #EEEEEE;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #555555;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.9rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #999999;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.75rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.7rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.6rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.45rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.4rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.35;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.3rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+.icon-bar {
+  width                    : 100%%;
+  overflow                 : auto;
+  margin                   : 0em 0em 0em;
+}
+.left-bar {
+  width                    : 85%%;
+  float                    : left;
+  display                  : inline;
+  overflow                 : auto;
+}
+.toc-button {
+  position                 : absolute;
+  top                      : 8px;
+  width                    : 3em;
+  height                   : 3em;
+  border-radius            : 50%%;
+  background               : #555555;
+  fill                     : #DDDDDD;
+  box-shadow               : 0 2px 5px #EEEEEE inset;
+}
+.toc-button svg {
+  position                 : relative;
+  left                     : 25%%;
+  top                      : 25%%;
+  width                    : 150%%;
+  height                   : 150%%;
+}
+.toc-button p {
+  vertical-align           : center;
+  font-size                : 1.8rem;
+}
+.prev-next-button {
+  position                 : absolute;
+  top                      : 8px;
+  width                    : 3em;
+  height                   : 3em;
+  border-radius            : 50%%;
+  background               : #555555;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+}
+.prev-next-button svg {
+  position                 : relative;
+  left                     : 20%%;
+  top                      : 20%%;
+  width                    : 60%%;
+  height                   : 60%%;
+}
+.menu {
+  right                    : 8em;
+ }
+.previous {
+  right                    : 4em;
+ }
+.next {
+  right                    : 0em;
+ }
+.arrow {
+   fill                    : #DDDDDD;
+}
+.minitoc {
+  line-height              : 120%%;
+  font-size                : 1.6rem;
+  margin-top               : 6px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+/* flex */
+.flex-menu-bar {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-flex-wrap        : wrap;
+  -webkit-align-items      : center;
+  align-items              : center;
+  width                    : 100%%;
+  margin-left              : 5%%;
+  margin-right             : 2%%;
+  background-color         : #000000;
+}
+.flex-menu-option {
+  background-color         : #000000;
+  margin-right             : 4px;
+}
+.flex-list {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-align-items      : center;
+  display                  : block;
+  align-items              : center;
+  width                    : 100%%;
+  background-color         : #000000;
+}
+.flex-list-item {
+  background-color         : #000000;
+  margin                   : 4px;
+}
+/* grid */
+.wrapper {
+  display                  : grid;
+  grid-template-columns    : 100%%;
+  grid-template-areas      :
+    "headband"
+    "doc_header"
+    "doc_title"
+    "doc_toc"
+    "doc_prefix"
+    "doc_intro"
+    "doc_body"
+    "doc_endnotes"
+    "doc_glossary"
+    "doc_biblio"
+    "doc_bookindex"
+    "doc_blurb"
+    "doc_suffix";
+  margin                   : 0px;
+  padding                  : 0px;
+  background-color         : #000000;
+}
+.delimit {
+  border-style             : none;
+  border-color             : #000000;
+  padding                  : 10px;
+}
+.headband {
+  grid-area                : headband;
+  background-color         : #000000;
+}
+.doc_header {
+  grid-area                : doc_header;
+}
+.doc_title {
+  grid-area                : doc_title;
+}
+.doc_toc {
+  grid-area                : doc_toc;
+}
+.doc_prefix {
+  grid-area                : doc_prefix;
+}
+.doc_intro {
+  grid-area                : doc_intro;
+}
+.doc_body {
+  grid-area                : doc_body;
+}
+.doc_endnotes {
+  grid-area                : doc_endnotes;
+}
+.doc_glossary {
+  grid-area                : doc_glossary;
+}
+.doc_biblio {
+  grid-area                : doc_biblio;
+}
+.doc_bookindex {
+  grid-area                : doc_bookindex;
+}
+.doc_blurb {
+  grid-area                : doc_blurb;
+}
+.doc_suffix {
+  grid-area                : doc_suffix;
+}
+.nav-ul {
+  list-style               : none;
+  float                    : left;
+}
+.nav-li {
+  float                    : left;
+  padding-right            : 0.7em;
+}
+.nav-li a {
+  text-decoration          : none;
+  color                    : #000000;
+}
+footer {
+  background-color         : #FF704E;
+}
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    string _css_light_html_scroll = format(q"┃
+html {
+  font-size                : 62.5%%;
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  font-size                : 1.6rem;
+  background-color         : #FFFFFF;
+  color                    : #000000;
+  background               : #FFFFFF;
+  background-color         : #FFFFFF;
+}
+a:link {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #32CD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #777777;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  font-size                : 160%%;
+}
+a:hover img {
+  background-color         : #FFFFFF;
+}
+a:active {
+  color                    : #003399;
+  text-decoration          : underline;
+}
+input {
+  color                    : #000000;
+  background-color         : #FFFFFF;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #FFFFFF;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #FFFFFF;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #FFFFFF;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #EEEEEE;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #EEEEEE;
+  padding-left             : 1em;
+  background-color         : #EEEEEE;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #FFFFFF;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #FFFFFF;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #EEEEEE;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #0000aa;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAAA;
+}
+div.toc a:visited {
+  color                    : #0000aa;
+}
+div.toc a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+  /* background-color         : #666666; */
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.55rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.2rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #777777;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.icons, .icons_center {
+  font-size                : 100%%;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.icons {
+  text-align               : left;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #777777;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.85rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #808080;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.85rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.75rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.7rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.6rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.55rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.45rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+/* flex */
+.flex-menu-bar {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-flex-wrap        : wrap;
+  -webkit-align-items      : center;
+  align-items              : center;
+  width                    : 100%%;
+  margin-left              : 5%%;
+  margin-right             : 2%%;
+  background-color         : #FFFFFF;
+}
+.flex-menu-option {
+  background-color         : #FFFFFF;
+  margin-right             : 4px;
+}
+.flex-list {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-align-items      : center;
+  display                  : block;
+  align-items              : center;
+  width                    : 100%%;
+  background-color         : #FFFFFF;
+}
+.flex-list-item {
+  background-color         : #FFFFFF;
+  margin                   : 4px;
+}
+/* grid */
+.wrapper {
+  display                  : grid;
+  grid-template-columns    : 100%%;
+  grid-template-areas      :
+    "headband"
+    "doc_header"
+    "doc_title"
+    "doc_toc"
+    "doc_prefix"
+    "doc_intro"
+    "doc_body"
+    "doc_endnotes"
+    "doc_glossary"
+    "doc_biblio"
+    "doc_bookindex"
+    "doc_blurb"
+    "doc_suffix";
+  margin                   : 0px;
+  padding                  : 0px;
+  background-color         : #FFFFFF;
+}
+.delimit {
+  border-style             : none;
+  border-color             : #FFFFFF;
+  padding                  : 10px;
+}
+.headband {
+  grid-area                : headband;
+  background-color         : #FFFFFF;
+}
+.doc_header {
+  grid-area                : doc_header;
+}
+.doc_title {
+  grid-area                : doc_title;
+}
+.doc_toc {
+  grid-area                : doc_toc;
+}
+.doc_prefix {
+  grid-area                : doc_prefix;
+}
+.doc_intro {
+  grid-area                : doc_intro;
+}
+.doc_body {
+  grid-area                : doc_body;
+}
+.doc_endnotes {
+  grid-area                : doc_endnotes;
+}
+.doc_glossary {
+  grid-area                : doc_glossary;
+}
+.doc_biblio {
+  grid-area                : doc_biblio;
+}
+.doc_bookindex {
+  grid-area                : doc_bookindex;
+}
+.doc_blurb {
+  grid-area                : doc_blurb;
+}
+.doc_suffix {
+  grid-area                : doc_suffix;
+}
+.nav-ul {
+  list-style               : none;
+  float                    : left;
+}
+.nav-li {
+  float                    : left;
+  padding-right            : 0.7em;
+}
+.nav-li a {
+  text-decoration          : none;
+  color                    : #FFFFFF;
+}
+footer {
+  background-color         : #00704E;
+}
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_html_scroll = format(q"┃
+html {
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  background-color         : #000000;
+  color                    : #CCCCCC;
+  background               : #000000;
+  background-color         : #000000;
+}
+a:link {
+  color                    : #FFFFFF;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #999999;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #555555;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #9ACD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #BBBBBB;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  color                    : #BBBBBB;
+  font-size                : 120%%;
+}
+a:hover img {
+  background-color         : #000000;
+}
+a:active {
+  color                    : #888888;
+  text-decoration          : underline;
+}
+input {
+  color                    : #FFFFFF;
+  background-color         : #777777;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #000000;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #000000;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #000000;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #111111;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #111111;
+  padding-left             : 1em;
+  background-color         : #111111;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #000000;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #000000;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #111111;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #FF00AA;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAF9;
+}
+div.toc a:visited {
+  color                    : #FF00AA;
+}
+div.toc a:hover {
+  color                    : #CCCCCC;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.5rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #EEEEEE;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #555555;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.9rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #999999;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.75rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.7rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.6rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.45rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.4rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.35;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.3rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+/* flex */
+.flex-menu-bar {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-flex-wrap        : wrap;
+  -webkit-align-items      : center;
+  align-items              : center;
+  width                    : 100%%;
+  margin-left              : 5%%;
+  margin-right             : 2%%;
+  background-color         : #000000;
+}
+.flex-menu-option {
+  background-color         : #000000;
+  margin-right             : 4px;
+}
+.flex-list {
+  display                  : -webkit-flex;
+  display                  : flex;
+  -webkit-align-items      : center;
+  display                  : block;
+  align-items              : center;
+  width                    : 100%%;
+  background-color         : #000000;
+}
+.flex-list-item {
+  background-color         : #000000;
+  margin                   : 4px;
+}
+/* grid */
+.wrapper {
+  display                  : grid;
+  grid-template-columns    : 100%%;
+  grid-template-areas      :
+    "headband"
+    "doc_header"
+    "doc_title"
+    "doc_toc"
+    "doc_prefix"
+    "doc_intro"
+    "doc_body"
+    "doc_endnotes"
+    "doc_glossary"
+    "doc_biblio"
+    "doc_bookindex"
+    "doc_blurb"
+    "doc_suffix";
+  margin                   : 0px;
+  padding                  : 0px;
+  background-color         : #000000;
+}
+.delimit {
+  border-style             : none;
+  border-color             : #000000;
+  padding                  : 10px;
+}
+.headband {
+  grid-area                : headband;
+  background-color         : #000000;
+}
+.doc_header {
+  grid-area                : doc_header;
+}
+.doc_title {
+  grid-area                : doc_title;
+}
+.doc_toc {
+  grid-area                : doc_toc;
+}
+.doc_prefix {
+  grid-area                : doc_prefix;
+}
+.doc_intro {
+  grid-area                : doc_intro;
+}
+.doc_body {
+  grid-area                : doc_body;
+}
+.doc_endnotes {
+  grid-area                : doc_endnotes;
+}
+.doc_glossary {
+  grid-area                : doc_glossary;
+}
+.doc_biblio {
+  grid-area                : doc_biblio;
+}
+.doc_bookindex {
+  grid-area                : doc_bookindex;
+}
+.doc_blurb {
+  grid-area                : doc_blurb;
+}
+.doc_suffix {
+  grid-area                : doc_suffix;
+}
+.nav-ul {
+  list-style               : none;
+  float                    : left;
+}
+.nav-li {
+  float                    : left;
+  padding-right            : 0.7em;
+}
+.nav-li a {
+  text-decoration          : none;
+  color                    : #000000;
+}
+footer {
+  background-color         : #FF704E;
+}
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    string _css_light_epub = format(q"┃
+html {
+  font-size                : 62.5%%;
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  font-size                : 1.6rem;
+  background-color         : #FFFFFF;
+  color                    : #000000;
+  background               : #FFFFFF;
+  background-color         : #FFFFFF;
+}
+a:link {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #003399;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #32CD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #777777;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  font-size                : 160%%;
+}
+a:hover img {
+  background-color         : #FFFFFF;
+}
+a:active {
+  color                    : #003399;
+  text-decoration          : underline;
+}
+input {
+  color                    : #000000;
+  background-color         : #FFFFFF;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #FFFFFF;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #FFFFFF;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #FFFFFF;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #EEEEEE;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #EEEEEE;
+  padding-left             : 1em;
+  background-color         : #EEEEEE;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #FFFFFF;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #FFFFFF;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #EEEEEE;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #0000aa;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAAA;
+}
+div.toc a:visited {
+  color                    : #0000aa;
+}
+div.toc a:hover {
+  color                    : #000000;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+  /* background-color         : #666666; */
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.55rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.2rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #777777;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.icons, .icons_center {
+  font-size                : 100%%;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.icons {
+  text-align               : left;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #777777;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #EEEEEE;
+  color                    : #000000;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.85rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #808080;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.85rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.75rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.7rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.6rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.55rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.45rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+
+┃",
+    _color_ocn_light,
+    _css_indent,
+    _color_ocn_light,
+);
+    string _css_dark_epub = format(q"┃
+html {
+}
+*{
+  padding                  : 0px;
+  margin                   : 0px;
+}
+body {
+  height                   : 100vh;
+  background-color         : #000000;
+  color                    : #CCCCCC;
+  background               : #000000;
+  background-color         : #000000;
+}
+a:link {
+  color                    : #FFFFFF;
+  text-decoration          : none;
+}
+a:visited {
+  color                    : #999999;
+  text-decoration          : none;
+}
+a:hover {
+  color                    : #000000;
+  background-color         : #555555;
+}
+a.lnkocn:link {
+  color                    : %s;
+  text-decoration          : none;
+}
+a.lnkocn:visited {
+  color                    : #9ACD32;
+  text-decoration          : none;
+}
+a.lnkocn:hover {
+  color                    : #BBBBBB;
+  font-size                : 1.8rem;
+}
+a.lnkicon:link {
+  text-decoration          : none;
+}
+a.lnkicon:visited {
+  text-decoration          : none;
+}
+a.lnkicon:hover {
+  color                    : #BBBBBB;
+  font-size                : 120%%;
+}
+a:hover img {
+  background-color         : #000000;
+}
+a:active {
+  color                    : #888888;
+  text-decoration          : underline;
+}
+input {
+  color                    : #FFFFFF;
+  background-color         : #777777;
+}
+div {
+  margin-left              : 0;
+  margin-right             : 0;
+}
+div.p {
+  margin-left              : 5%%;
+  margin-right             : 1%%;
+}
+div.substance {
+  width                    : 100%%;
+  background-color         : #000000;
+}
+div.ocn {
+  width                    : 5%%;
+  float                    : right;
+  top                      : 0;
+  background-color         : #000000;
+}
+div.endnote {
+  width                    : 95%%;
+  background-color         : #000000;
+}
+div.toc {
+  position                 : absolute;
+  float                    : left;
+  margin                   : 0;
+  padding                  : 0;
+  padding-top              : 0.5em;
+  border                   : 0;
+  width                    : 13em;
+  background-color         : #111111;
+  margin-right             : 1em;
+}
+div.summary {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #111111;
+  padding-left             : 1em;
+  background-color         : #111111;
+}
+div.content, div.main_column {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 13em solid #000000;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content0, div.main_column0 {
+  margin                   : 0;
+  padding                  : 0;
+  border-left              : 0%% solid #000000;
+  padding-left             : 5%%;
+}
+div.scroll {
+  margin                   : 0;
+  padding                  : 0;
+  padding-left             : 1em;
+  padding-right            : 1em;
+}
+div.content:after {
+  content                  : ' ';
+  clear                    : both;
+  display                  : block;
+  height                   : 0;
+  overflow                 : hidden;
+}
+div.footer {
+  clear                    : left;
+  padding                  : 0.5em;
+  font-size                : 1.4rem;
+  margin                   : 0;
+}
+div.toc ul {
+  list-style               : none;
+  padding                  : 0;
+  margin                   : 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+  font-weight              : normal;
+  font-size                : 1.5rem;
+  padding-left             : 2em;
+  background-color         : #111111;
+}
+div.toc a, span.currentlink{
+  display                  : block;
+  text-decoration          : none;
+  padding-left             : 0.5em;
+  color                    : #FF00AA;
+}
+hr {
+  width                    : 90%%;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 1.8em;
+  margin-bottom            : 1.8em;
+}
+span.currentlink {
+  text-decoration          : none;
+  background-color         : #AAAAF9;
+}
+div.toc a:visited {
+  color                    : #FF00AA;
+}
+div.toc a:hover {
+  color                    : #CCCCCC;
+  background-color         : #F9F9AA;
+}
+nav#toc ol {
+  list-style-type          : none;
+}
+.norm, .bold, .verse, .group, .block, .alt {
+  line-height              : 133%%;
+  margin-top               : 12px;
+  margin-bottom            : 0px;
+  padding-left             : 0em;
+  text-indent              : 0em;
+}
+p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+  display                  : block;
+  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+}
+p {
+  font-size                : 1.6rem;
+  font-weight              : normal;
+  line-height              : 133%%;
+  text-align               : justify;
+  text-indent              : 0mm;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+}
+img {
+  max-width                : 100%%;
+  height                   : auto;
+}
+pre {
+  width                    : auto;
+  display                  : block;
+  clear                    : both;
+  color                    : #555555;
+}
+pre.codeline {
+  display                  : table;
+  clear                    : both;
+  table-layout             : fixed;
+  margin-left              : 5%%;
+  margin-right             : 5%%;
+  width                    : 90%%;
+  white-space              : pre-wrap;
+  border-style             : none;
+  border-radius            : 5px 5px 5px 5px;
+  box-shadow               : 0 2px 5px #AAAAAA inset;
+  margin-bottom            : 1em;
+  padding                  : 0.5em 1em;
+  page-break-inside        : avoid;
+  word-wrap                : break-word;
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  white-space              : pre;
+  white-space              : pre-wrap;
+  white-space              : -moz-pre-wrap;
+  white-space              : -o-pre-wrap;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+  font-size                : 1.5rem;
+  line-height              : 100%%;
+}
+pre.codeline::before {
+  counter-reset            : linenum;
+}
+pre.codeline span.tr {
+  display                  : table-row;
+  counter-increment        : linenum;
+}
+pre.codeline span.th {
+  display                  : table-cell;
+  user-select              : none;
+  -moz-user-select         : none;
+  -webkit-user-select      : none;
+  padding                  : 0.5em 0.5em;
+}
+pre.codeline span.th::before {
+  content                  : counter(linenum) ".";
+  color                    : #999999;
+  text-align               : right;
+  display                  : block;
+}
+pre.codeline span.th {
+  width                    : 4em;
+}
+pre.codeline code {
+  display                  : table-cell;
+}
+p.code {
+  border-style             : none;
+}
+p.spaced { white-space     : pre; }
+p.block {
+  white-space              : pre;
+}
+p.group { }
+p.alt { }
+p.verse {
+  white-space              : pre;
+  margin-bottom            : 6px;
+}
+p.caption {
+  text-align               : left;
+  font-size                : 1.4rem;
+  display                  : inline;
+}
+p.endnote {
+  font-size                : 1.5rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-right             : 15mm;
+  padding-left             : 1em;
+  text-indent              : -1em;
+}
+p.center {
+  text-align               : center;
+}
+p.bold {
+  font-weight              : bold;
+}
+p.bold_left {
+  font-weight              : bold;
+  text-align               : left;
+}
+p.centerbold {
+  text-align               : center;
+  font-weight              : bold;
+}
+p.em {
+  font-weight              : bold;
+  font-style               : normal;
+  background               : #FFF3B6;
+}
+.small, .small_center {
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  margin-right             : 6px;
+}
+p.small {
+  text-align               : left;
+}
+p.small_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+.tiny, .tiny_left, .tiny_right, .tiny_center {
+  font-size                : 1.35rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+  color                    : #EEEEEE;
+  margin-right             : 6px;
+  text-align               : left;
+}
+p.tiny { }
+p.tiny_left {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : left;
+}
+p.tiny_right {
+  margin-right             : 1em;
+  text-align               : right;
+}
+p.tiny_center {
+  margin-left              : 0px;
+  margin-right             : 0px;
+  text-align               : center;
+}
+p.concordance_word {
+  line-height              : 150%%;
+  font-weight              : bold;
+  display                  : inline;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.concordance_count {
+  font-size                : 1.4rem;
+  color                    : #555555;
+  display                  : inline;
+  margin-left              : 0em;
+}
+p.concordance_object {
+  font-size                : 1.4rem;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+p.book_index_lev1 {
+  line-height              : 100%%;
+  margin-top               : 4px;
+  margin-bottom            : 1px;
+}
+p.book_index_lev2 {
+  line-height              : 100%%;
+  text-align               : left;
+  margin-left              : 3em;
+  margin-top               : 1px;
+  margin-bottom            : 3px;
+}
+tt {
+  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+  background-color         : #555555;
+  color                    : #DDDDDD;
+}
+%s
+note { white-space         : pre; }
+label.ocn {
+  width                    : 2%%;
+  float                    : right;
+  top                      : 0;
+  font-size                : 1.4rem;
+  margin-top               : 0px;
+  margin-bottom            : 6px;
+  margin-right             : 6px;
+  text-align               : right;
+  color                    : %s;
+  -khtml-user-select       : none;
+  -moz-user-select         : none;
+  -ms-user-select          : none;
+  -o-user-select           : none;
+  -webkit-user-select      : none;
+  user-select              : none;
+}
+table {
+  display                  : block;
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  background-color         : inherit;
+}
+tr { }
+th,td {
+  vertical-align           : top;
+  text-align               : left;
+}
+th {
+  font-weight              : bold;
+}
+em {
+  font-weight              : bold;
+  font-style               : italic;
+}
+p.left,th.left,td.left {
+  text-align               : left;
+}
+p.small_left,th.small_left,td.small_left {
+  text-align               : left;
+  font-size                : 1.4rem;
+}
+p.right,th.right,td.right {
+  text-align               : right;
+}
+ul, li {
+  list-style-type          : none;
+  list-style               : none;
+  padding-left             : 20px;
+  font-weight              : normal;
+  line-height              : 150%%;
+  text-align               : left;
+  text-indent              : 0mm;
+  margin-left              : 1em;
+  margin-right             : 2em;
+  margin-top               : 3px;
+  margin-bottom            : 3px;
+}
+li {
+  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+}
+ul { }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  font-weight              : bold;
+  line-height              : 120%%;
+  text-align               : left;
+  margin-top               : 20px;
+  margin-bottom            : 10px;
+}
+h4.norm, h5.norm, h6.norm, h7.norm {
+  margin-top               : 10px;
+  margin-bottom            : 0px;
+}
+h0 { font-size             : 1.9rem; }
+h1 { font-size             : 1.8rem; }
+h2 { font-size             : 1.75rem; }
+h3 { font-size             : 1.7rem; }
+h4 { font-size             : 1.65rem; }
+h5 { font-size             : 1.6rem; }
+h6 { font-size             : 1.55rem; }
+h7 { font-size             : 1.5rem; }
+h0, h1, h2, h3, h4, h5, h6, h7 {
+  text-shadow              : .2em .2em .3em #999999;
+}
+h1.i { margin-left         : 2em; }
+h2.i { margin-left         : 3em; }
+h3.i { margin-left         : 4em; }
+h4.i { margin-left         : 5em; }
+h5.i { margin-left         : 6em; }
+h6.i { margin-left         : 7em; }
+h7.i { margin-left         : 8em; }
+h8.i { margin-left         : 9em; }
+h9.i { margin-left         : 10em; }
+.toc {
+  font-weight              : normal;
+  margin-top               : 6px;
+  margin-bottom            : 6px;
+}
+h0.toc {
+  margin-left              : 1em;
+  font-size                : 1.8rem;
+  line-height              : 150%%;
+}
+h1.toc {
+  margin-left              : 1em;
+  font-size                : 1.75rem;
+  line-height              : 150%%;
+}
+h2.toc {
+  margin-left              : 2em;
+  font-size                : 1.7rem;
+  line-height              : 140%%;
+}
+h3.toc {
+  margin-left              : 3em;
+  font-size                : 1.65rem;
+  line-height              : 120%%;
+}
+h4.toc {
+  margin-left              : 4em;
+  font-size                : 1.6rem;
+  line-height              : 120%%;
+}
+h5.toc {
+  margin-left              : 5em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h6.toc {
+  margin-left              : 6em;
+  font-size                : 1.5rem;
+  line-height              : 110%%;
+}
+h7.toc {
+  margin-left              : 7em;
+  font-size                : 1.45rem;
+  line-height              : 100%%;
+}
+.subtoc {
+  margin-right             : 34%%;
+  font-weight              : normal;
+}
+h5.subtoc {
+  margin-left              : 2em;
+  font-size                : 1.4rem;
+  margin-top               : 2px;
+  margin-bottom            : 2px;
+}
+h6.subtoc {
+  margin-left              : 3em;
+  font-size                : 1.35;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+h7.subtoc {
+  margin-left              : 4em;
+  font-size                : 1.3rem;
+  margin-top               : 0px;
+  margin-bottom            : 0px;
+}
+input, select, textarea {
+  font-size                : 2.2rem;
+}
+input[type="text"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+button[type="submit"] {
+  font-size                : 1.8rem;
+  line-height              : 120%%;
+}
+p.form {
+  font-size                : 2.2rem;
+  line-height              : 150%%;
+}
+
+┃",
+    _color_ocn_dark,
+    _css_indent,
+    _color_ocn_dark,
+);
+    auto css_() {
+      struct _CSS {
+        string html_seg    = "/* spine css html seg stylesheet */\n";
+        string html_scroll = "/* spine css html scroll stylesheet */\n";
+        string epub        = "/* spine css epub stylesheet */\n";
+      }
+      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;
+  }
+}