Widen individual page navigator sidebar from 33% to 40%

Overrides Bootstrap col-sm-4/col-sm-8 grid to 40/60 split on the
individual page sidebar. Stacks to full-width below the md breakpoint.

src/scss/theme.scss

@@ -1739,6 +1739,30 @@ div[id^=caldiv] {
 }
 
 // Individual page
+
+// Widen the navigator sidebar (default is col-sm-4 = 33%)
+.row:has(> .col-sm-4 > .wt-sidebar) {
+  > .col-sm-8,
+  > .col-sm-4 {
+    @media (max-width: map.get($grid-breakpoints, "md") - 0.02px) {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+  }
+
+  @media (min-width: map.get($grid-breakpoints, "md")) {
+    > .col-sm-8 {
+      flex: 0 0 auto;
+      width: 60%;
+    }
+
+    > .col-sm-4 {
+      flex: 0 0 auto;
+      width: 40%;
+    }
+  }
+}
+
 [dir] .img-thumbnail {
   text-align: center;
 }