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