Merge pull request #49587 from sftim/20250128_fix_case_study_styles

Fix styles for case studies & training sections

Author: k8s-ci-robot

assets/scss/_case-studies.scss

@@ -50,6 +50,35 @@ body {
   }
 }
 
+/* Gutter for sidebar splitter */
+.gutter {
+    background-color: #eee;
+    background-repeat: no-repeat;
+    background-position: 50%;
+}
+
+.gutter.gutter-horizontal {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
+    cursor: col-resize;
+}
+
+#sidebarnav,
+#maindoc {
+  max-width: 100%;
+}
+
+#maindoc {
+  overflow-wrap: break-word;
+}
+
+@media (max-width: 768px) {
+  #sidebarnav {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+}
+
 /* Complex table layout support */
 
 .td-content, body.td-content {