Improve sidebar styling for API reference

Author: rich-iannone

docs/great-docs.css

@@ -123,11 +123,12 @@ a.sidebar-item-toggle.text-start > i {
     color: #FAFAFD;
 }
 
-a.sidebar-item-text.sidebar-link.active {
+#quarto-sidebar a.sidebar-item-text.sidebar-link.active {
     color: rgb(244, 121, 0);
     text-decoration: underline;
-    text-decoration-thickness: 2px;
+    text-decoration-thickness: 3px;
     text-decoration-color: rgba(101, 180, 237, 0.75);
+    text-underline-offset: 3px;
 }
 
 #api-reference > h1 {
@@ -151,10 +152,24 @@ a.sidebar-item-text.sidebar-link.active {
     background-color: #FAFAFD;
 }
 
+/* Sidebar API items: monospace font with ellipsis for long names */
+#quarto-sidebar .sidebar-item-text {
+    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-size: 0.85em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    max-width: 100%;
+}
+
+/* Keep section headers (categories) in their original sans-serif uppercase style */
 a.sidebar-item-text.sidebar-link.text-start > span {
     text-transform: uppercase;
     font-weight: 600;
     color: dimgray;
+    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-size: 1em;
 }
 
 .sidebar-menu-container {

great_docs/assets/styles.css

@@ -123,11 +123,12 @@ a.sidebar-item-toggle.text-start > i {
     color: #FAFAFD;
 }
 
-a.sidebar-item-text.sidebar-link.active {
+#quarto-sidebar a.sidebar-item-text.sidebar-link.active {
     color: rgb(244, 121, 0);
     text-decoration: underline;
-    text-decoration-thickness: 2px;
+    text-decoration-thickness: 3px;
     text-decoration-color: rgba(101, 180, 237, 0.75);
+    text-underline-offset: 3px;
 }
 
 #api-reference > h1 {
@@ -151,10 +152,24 @@ a.sidebar-item-text.sidebar-link.active {
     background-color: #FAFAFD;
 }
 
+/* Sidebar API items: monospace font with ellipsis for long names */
+#quarto-sidebar .sidebar-item-text {
+    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-size: 0.85em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    max-width: 100%;
+}
+
+/* Keep section headers (categories) in their original sans-serif uppercase style */
 a.sidebar-item-text.sidebar-link.text-start > span {
     text-transform: uppercase;
     font-weight: 600;
     color: dimgray;
+    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-size: 1em;
 }
 
 .sidebar-menu-container {