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

Author: RayOffiah

src/css/asciidoctor-anywhere-footnote.css

@@ -16,3 +16,62 @@
   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;
+}