responsive

Author: eli-w-king

release-notes/css/inproduct_releasenotes-refined.css

@@ -76,6 +76,7 @@ h2 + h3 {
   margin: -4px -6px;
   border-radius: 4px;
   display: block;
+  outline: none;
 }
 
 .toc-link:hover {
@@ -85,6 +86,7 @@ h2 + h3 {
   text-decoration: none !important;
 }
 
+
 /* Sparkle chat button styling */
 #sparkle-chat {
   position: fixed;
@@ -190,3 +192,18 @@ h2 + h3 {
   flex: 1;
   min-width: 0;
 }
+
+/* Responsive breakpoint - Hide TOC on smaller screens */
+@media (max-width: 576px) {
+  #toc-nav {
+    display: none;
+  }
+
+  .main-content-layout {
+    flex-direction: column;
+  }
+
+  .content-main {
+    margin-left: 0;
+  }
+}