diff --git a/public/themes-manifest.json b/public/themes-manifest.json
index e9dd450..2d708a0 100644
--- a/public/themes-manifest.json
+++ b/public/themes-manifest.json
@@ -15,5 +15,5 @@
       "hasMasterSlide": true
     }
   },
-  "generated": "2025-08-22T02:33:14.669Z"
+  "generated": "2025-08-22T11:35:39.977Z"
 }
\ No newline at end of file
diff --git a/public/themes/default/layouts/diagram-slide.html b/public/themes/default/layouts/diagram-slide.html
index eb1cd8e..80d3670 100644
--- a/public/themes/default/layouts/diagram-slide.html
+++ b/public/themes/default/layouts/diagram-slide.html
@@ -12,7 +12,13 @@
        data-type="diagram"
        data-placeholder="Enter Mermaid diagram syntax here..."
        data-multiline="true">{{diagram}}</div>
-  
+
+  <div class="slot content-slot" data-slot="content2" data-placeholder="Second content block" data-required>
+            <span class="fade-in-slow">
+            {{content2}}
+            </span>
+
+  </div>
   <div class="slot notes-content" 
        data-slot="notes" 
        data-type="text"
diff --git a/public/themes/default/style.css b/public/themes/default/style.css
index 219afc9..4737762 100644
--- a/public/themes/default/style.css
+++ b/public/themes/default/style.css
@@ -774,30 +774,73 @@ pre.code-content::before {
 
 /* Enhanced Mermaid diagram styling */
 .mermaid-container {
-  margin: 1rem 0;
-  padding: 1.5rem;
-  background: rgba(255, 255, 255, 0.02);
-  border-radius: 12px;
-  border: 1px solid var(--theme-secondary);
-  text-align: center;
-  overflow: hidden;
-  width: 100%;
-  max-width: 100%;
-}
 
-.mermaid-diagram {
-  max-width: 100%;
-  height: auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 }
 
 .mermaid-diagram svg {
-  max-width: 100%;
-  height: auto;
-  background: transparent;
-  border-radius: 8px;
+
+
+}
+
+/* Minimal essential styling for Mermaid text visibility */
+.mermaid-diagram svg .nodeLabel,
+.mermaid-diagram svg .edgeLabel {
+  font-size: 14px !important;
+  font-family: var(--theme-font-body) !important;
+  font-weight: 600 !important;
+}
+
+/* Fix for foreignObject text containers */
+.mermaid-diagram svg foreignObject div {
+  color: inherit !important;
+  font-size: inherit !important;
+  font-family: inherit !important;
+}
+
+.mermaid-diagram svg foreignObject .nodeLabel p,
+.mermaid-diagram svg foreignObject .edgeLabel p {
+  color: inherit !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  font-size: inherit !important;
+  font-family: inherit !important;
+  font-weight: inherit !important;
+}
+
+/* Edge label background visibility */
+.mermaid-diagram svg .edgeLabel .labelBkg {
+
+}
+
+.mermaid-diagram svg .edgeLabel .labelBkg p {
+
+}
+.mermaid-diagram {
+
+}
+
+/* Responsive diagram sizing */
+@media (max-width: 768px) {
+  .mermaid-container {
+    padding: 1rem;
+    margin: 0.5rem 0;
+  }
+  
+  .mermaid-diagram svg {
+    max-width: 100%;
+    height: auto;
+  }
+  
+  .mermaid-diagram svg .nodeLabel,
+  .mermaid-diagram svg .edgeLabel {
+    font-size: 12px !important;
+  }
+}
+.mermaid-diagram {
+    width: 100%;
+    height: auto;
+    max-width: 100%;
+    margin: 0 auto;
 }
 
 .diagram-error {