From 98996476a8350c246d532e72081e83dfe0cff08f Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Fri, 4 Jul 2025 15:56:28 -0400
Subject: [PATCH] fix: enhance table of contents visual hierarchy with custom
 CSS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added distinct bullet styles (disc for main, circle for sub-items)
- Implemented proper indentation with padding and margins
- Added subtle left border for nested sections using theme color
- Differentiated font sizes between main sections and subsections
- Improved line height and spacing for better readability
- Maintains PicoCSS compatibility while clearly showing hierarchy

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 index.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/index.html b/index.html
index 65b08ac..c670adf 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,31 @@
         max-width: 960px;
         margin: 0 auto;
     }
+    
+    /* Table of Contents Visual Hierarchy */
+    aside nav ul {
+        list-style-type: disc;
+        padding-left: 20px;
+    }
+    
+    aside nav ul ul {
+        list-style-type: circle;
+        padding-left: 30px;
+        margin-top: 8px;
+        border-left: 2px solid rgba(67, 160, 71, 0.2);
+        padding-left: 20px;
+        margin-left: 10px;
+    }
+    
+    aside nav li {
+        margin: 6px 0;
+        line-height: 1.4;
+    }
+    
+    aside nav ul ul li {
+        margin: 4px 0;
+        font-size: 0.9em;
+    }
     </style>
 
     <!-- Highlight.js for syntax highlighting -->