fix(widgets): restore article table of contents behavior and styles

assets/css/main.css

@@ -4804,6 +4804,21 @@ body:has(.modal.in) .float-btn,
     transform-origin: left;
 }
 
+.posts-nav-box {
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.42857143;
+}
+
+.posts-nav-box .zib-widget {
+    clear: both;
+    margin-bottom: 20px;
+    padding: 15px;
+    border-radius: var(--main-radius);
+    background-color: var(--main-bg-color);
+    box-shadow: 0 0 10px var(--main-shadow);
+}
+
 .posts-nav-lists {
     max-height: 400px;
     padding-left: 10px;
@@ -4838,6 +4853,24 @@ body:has(.modal.in) .float-btn,
     font-size: 20px;
 }
 
+.posts-nav-lists .nav-toggle-collapse {
+    border: 0;
+    background: transparent;
+    appearance: none;
+    -webkit-appearance: none;
+}
+
+.posts-nav-box .posts-nav-lists :where(a, .nav-toggle-collapse):focus-visible {
+    outline: 3px solid var(--focus-color) !important;
+    outline-offset: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .posts-nav-lists .nav-toggle-collapse {
+        transition: none;
+    }
+}
+
 .posts-nav-lists li a:hover,
 .posts-nav-lists li.active a,
 .nav .active a,
@@ -11177,7 +11210,7 @@ body.error404 {
         margin-bottom: 30px;
     }
 
-    .mobile-navbar .posts-nav-box .aksrt-panel {
+    .mobile-navbar .posts-nav-box .zib-widget {
         background: var(--muted-border-color);
         box-shadow: none;
     }