Improve styling for .anywhere-footnote-horizontal definition lists in asciidoctor-anywhere-footnote stylesheet.

Adjusted separator size in anywhere footnote.

Adjust footnote marker size and improve HR divider styling in asciidoctor-anywhere-footnote stylesheet.

Adding stylesheet for the asciidoctor-anywhere-footnote extension.

Author: RayOffiah

src/css/asciidoctor-anywhere-footnote.css

@@ -0,0 +1,77 @@
+.anywhere-footnote-marker {
+  vertical-align: super;
+  font-size: 90%;
+  text-decoration: none;
+}
+
+.anywhere-footnote-block {
+  vertical-align: super;
+  text-decoration: none;
+}
+
+.anywhere-footnote-hr-divider {
+  height: 1px;
+  background-color: #ccc; /* Standard gray color similar to default HR */
+  border: none;
+  margin: 0.5em 0; /* Standard HR margin */
+  width: 20%;
+}
+
+/* Updated CSS with anywhere-footnote-horizontal class */
+.anywhere-footnote-horizontal.dlist dt {
+  display: inline-block;
+  margin-right: 0.5em;
+  vertical-align: top;
+  margin-bottom: 0.2em;
+}
+
+.anywhere-footnote-horizontal.dlist dd {
+  display: inline-block;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 0.2em;
+  width: calc(100% - 3em);
+}
+
+.anywhere-footnote-horizontal.dlist dd p {
+  display: inline;
+  margin: 0;
+  line-height: 1.2;
+}
+
+.anywhere-footnote-block .anywhere-footnote-horizontal.dlist {
+  margin-bottom: 0.5em;
+  line-height: 1.3;
+}
+
+/* Make each term-description pair appear on its own line */
+.anywhere-footnote-horizontal.dlist > dt,
+.anywhere-footnote-horizontal.dlist > dd {
+  display: block;
+  width: 100%;
+}
+
+/* Put the term and description on the same line but force a new line after each pair */
+.anywhere-footnote-horizontal.dlist > dt {
+  display: inline-block;
+  width: auto;
+  margin-right: 0.5em;
+}
+
+.anywhere-footnote-horizontal.dlist > dd {
+  display: inline-block;
+  width: auto;
+  margin-bottom: 0.2em;
+}
+
+/* Force each dt+dd pair to be on a new line with less spacing */
+.anywhere-footnote-horizontal.dlist dt + dd {
+  display: inline-block;
+  margin-bottom: 0.3em;
+}
+
+/* Compact spacing between entries */
+.anywhere-footnote-horizontal.dlist {
+  margin-top: 0.3em;
+  margin-bottom: 0.3em;
+}

src/css/site.css

@@ -34,5 +34,6 @@
 @import "external-link-icon.css";
 @import "disable-callouts.css";
 @import "asciidoctor-external-callout.css";
+@import "asciidoctor-anywhere-footnote.css";
 @import "info-banner.css";
 @import "chatbot.css";