diff --git a/css/styles.css b/css/styles.css
index 9abfaca..5c78d07 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -84,8 +84,8 @@ a:hover { text-decoration: underline; }
 .wiki-topic { margin-bottom: 16px; }
 .wiki-topic h4 { font-size: 1.1rem; font-weight: 600; padding: 12px 16px; background: var(--gray1); border-radius: 8px; cursor: pointer; transition: background .2s; }
 .wiki-topic h4:hover { background: var(--gray2); }
-.wiki-subtopics { padding-left: 24px; margin-top: 8px; }
-.wiki-subtopics.hidden { display: none; }
+.wiki-subtopics { padding-left: 24px; margin-top: 8px; display: none; }
+.wiki-subtopics:not(.hidden) { display: block; }
 .wiki-subtopic { margin-left: 24px; border-left: 2px solid var(--gray2); padding-left: 16px; }
 .wiki-subtopic.hidden { display: none; }
 .wiki-subtopic-title { font-weight: 600; padding: 8px 0; cursor: pointer; }
diff --git a/js/main.js b/js/main.js
index 96b29ce..84bd779 100644
--- a/js/main.js
+++ b/js/main.js
@@ -344,8 +344,14 @@ async function loadWiki() {
         // Toggle topic on click
         topicTitle.onclick = () => {
           console.log('Topic clicked:', topicName, 'current hidden:', subtopicsDiv.classList.contains('hidden'));
-          subtopicsDiv.classList.toggle('hidden');
-          console.log('After toggle, hidden:', subtopicsDiv.classList.contains('hidden'));
+          // Subtopics should be hidden by default, show them when topic clicked
+          if (subtopicsDiv.classList.contains('hidden')) {
+            subtopicsDiv.classList.remove('hidden');
+            console.log('Showing subtopics');
+          } else {
+            subtopicsDiv.classList.add('hidden');
+            console.log('Hiding subtopics');
+          }
         };
         
         subtopics.forEach(sub => {