Adjust footnote marker size and refactor .anywhere-footnote-horizontal styles for improved alignment and consistency.

Refine footnote marker alignment, remove unnecessary `!important` rules, and adjust bottom margin in `.anywhere-footnote-horizontal` entries for improved consistency.

Streamline styles and spacing for `.anywhere-footnote-horizontal` definition lists in `asciidoctor-anywhere-footnote.css`.

Remove extraneous blank lines in `asciidoctor-anywhere-footnote.css`.

Ensure top alignment for elements in `.anywhere-footnote-horizontal` definition lists.

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,39 @@
+.anywhere-footnote-marker {
+  vertical-align: super;
+  font-size: 100%;
+  text-decoration: none;
+}
+
+.anywhere-footnote-block {
+  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%;
+}
+
+div.anywhere-footnote-horizontal dl {
+  display: grid;
+  grid-template-columns: 25px auto;
+  grid-column-gap: 1px;
+}
+
+/* Force each dt and dd to be on the same line */
+div.anywhere-footnote-horizontal dl > dt,
+div.anywhere-footnote-horizontal dl > dd {
+  display: inline !important;
+  vertical-align: top !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+/* Remove margins from paragraphs inside dd */
+div.anywhere-footnote-horizontal dl > dd p {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}

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";