css: html (additional) tags alignment

css: align body-flow <ul>/<li> & <details>/<summary> with <p>

Not used by sisudoc-spine but for hand-authored body-flow markup such as
the current homepage / body-flow, added block to each of the four html
CSS string heredocs in src/sisudoc/io_out/xmls_css.d

Existing tags are left in place and untouched.

(assisted by Claude-Code)

1 files changed, 204 insertions, 0 deletions

diff --git a/src/sisudoc/io_out/xmls_css.d b/src/sisudoc/io_out/xmls_css.d
index 2f5c2b1..a47ce11 100644
--- a/src/sisudoc/io_out/xmls_css.d
+++ b/src/sisudoc/io_out/xmls_css.d
@@ -1217,6 +1217,57 @@ p.form {
 footer {
   background-color         : #00704E;
 }
+
+/* ------------------------------------------------------------------ */
+/*  Homepage / body-flow HTML5 markup                                 */
+/*  <ul>/<li> and <details>/<summary> aligned with <p> and headings.  */
+/*  Scoped to direct body children to avoid affecting div.toc lists.  */
+/* ------------------------------------------------------------------ */
+body > ul,
+body > ol {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+  padding-left             : 1.5em;
+  list-style-position      : outside;
+}
+body > ul { list-style-type : disc;    }
+body > ol { list-style-type : decimal; }
+body > ul li,
+body > ol li {
+  margin-left              : 0;
+  margin-right             : 0;
+  margin-top               : 0.3em;
+  margin-bottom            : 0.3em;
+  line-height              : 133%%;
+  background               : none;
+  text-align               : left;
+  text-indent              : 0;
+}
+details {
+  margin-top               : 1em;
+  margin-bottom            : 0.5em;
+}
+summary {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  padding-left             : 0.2em;
+  padding-top              : 0.4em;
+  padding-bottom           : 0.4em;
+  font-size                : 1.6rem;
+  line-height              : 133%%;
+  cursor                   : pointer;
+}
+details > ul,
+details > ol {
+  margin-left              : 5%%;
+  padding-left             : 1.5em;
+}
+details > ul li,
+details > ol li {
+  margin-left              : 0;
+}
 ┃",
     _color_ocn_light,
     _css_indent,
@@ -1957,6 +2008,57 @@ p.form {
 footer {
   background-color         : #FF704E;
 }
+
+/* ------------------------------------------------------------------ */
+/*  Homepage / body-flow HTML5 markup                                 */
+/*  <ul>/<li> and <details>/<summary> aligned with <p> and headings.  */
+/*  Scoped to direct body children to avoid affecting div.toc lists.  */
+/* ------------------------------------------------------------------ */
+body > ul,
+body > ol {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+  padding-left             : 1.5em;
+  list-style-position      : outside;
+}
+body > ul { list-style-type : disc;    }
+body > ol { list-style-type : decimal; }
+body > ul li,
+body > ol li {
+  margin-left              : 0;
+  margin-right             : 0;
+  margin-top               : 0.3em;
+  margin-bottom            : 0.3em;
+  line-height              : 133%%;
+  background               : none;
+  text-align               : left;
+  text-indent              : 0;
+}
+details {
+  margin-top               : 1em;
+  margin-bottom            : 0.5em;
+}
+summary {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  padding-left             : 0.2em;
+  padding-top              : 0.4em;
+  padding-bottom           : 0.4em;
+  font-size                : 1.6rem;
+  line-height              : 133%%;
+  cursor                   : pointer;
+}
+details > ul,
+details > ol {
+  margin-left              : 5%%;
+  padding-left             : 1.5em;
+}
+details > ul li,
+details > ol li {
+  margin-left              : 0;
+}
 ┃",
     _color_ocn_dark,
     _css_indent,
@@ -2634,6 +2736,57 @@ p.form {
 footer {
   background-color         : #00704E;
 }
+
+/* ------------------------------------------------------------------ */
+/*  Homepage / body-flow HTML5 markup                                 */
+/*  <ul>/<li> and <details>/<summary> aligned with <p> and headings.  */
+/*  Scoped to direct body children to avoid affecting div.toc lists.  */
+/* ------------------------------------------------------------------ */
+body > ul,
+body > ol {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+  padding-left             : 1.5em;
+  list-style-position      : outside;
+}
+body > ul { list-style-type : disc;    }
+body > ol { list-style-type : decimal; }
+body > ul li,
+body > ol li {
+  margin-left              : 0;
+  margin-right             : 0;
+  margin-top               : 0.3em;
+  margin-bottom            : 0.3em;
+  line-height              : 133%%;
+  background               : none;
+  text-align               : left;
+  text-indent              : 0;
+}
+details {
+  margin-top               : 1em;
+  margin-bottom            : 0.5em;
+}
+summary {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  padding-left             : 0.2em;
+  padding-top              : 0.4em;
+  padding-bottom           : 0.4em;
+  font-size                : 1.6rem;
+  line-height              : 133%%;
+  cursor                   : pointer;
+}
+details > ul,
+details > ol {
+  margin-left              : 5%%;
+  padding-left             : 1.5em;
+}
+details > ul li,
+details > ol li {
+  margin-left              : 0;
+}
 ┃",
     _color_ocn_light,
     _css_indent,
@@ -3300,6 +3453,57 @@ p.form {
 footer {
   background-color         : #FF704E;
 }
+
+/* ------------------------------------------------------------------ */
+/*  Homepage / body-flow HTML5 markup                                 */
+/*  <ul>/<li> and <details>/<summary> aligned with <p> and headings.  */
+/*  Scoped to direct body children to avoid affecting div.toc lists.  */
+/* ------------------------------------------------------------------ */
+body > ul,
+body > ol {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  margin-top               : 0.8em;
+  margin-bottom            : 0.8em;
+  padding-left             : 1.5em;
+  list-style-position      : outside;
+}
+body > ul { list-style-type : disc;    }
+body > ol { list-style-type : decimal; }
+body > ul li,
+body > ol li {
+  margin-left              : 0;
+  margin-right             : 0;
+  margin-top               : 0.3em;
+  margin-bottom            : 0.3em;
+  line-height              : 133%%;
+  background               : none;
+  text-align               : left;
+  text-indent              : 0;
+}
+details {
+  margin-top               : 1em;
+  margin-bottom            : 0.5em;
+}
+summary {
+  margin-left              : 5%%;
+  margin-right             : 2em;
+  padding-left             : 0.2em;
+  padding-top              : 0.4em;
+  padding-bottom           : 0.4em;
+  font-size                : 1.6rem;
+  line-height              : 133%%;
+  cursor                   : pointer;
+}
+details > ul,
+details > ol {
+  margin-left              : 5%%;
+  padding-left             : 1.5em;
+}
+details > ul li,
+details > ol li {
+  margin-left              : 0;
+}
 ┃",
     _color_ocn_dark,
     _css_indent,