.mindmapDiagram svg {
    max-width: 100%;
    height: auto;
  }
  
  /* Fix Mermaid text contrast issues - override prose styles */
  .mindmapDiagram svg text {
    fill: currentColor;
  }
  
  /* Ensure mindmap nodes have proper contrast */
  .mindmapDiagram svg .node text {
    fill: var(--foreground);
  }

  .mindmapDiagram svg .node path {
    fill: var(--muted);
    stroke: var(--foreground);
  }

  
  .mindmapDiagram svg .basic,
  .mindmapDiagram svg .basic path {
    fill: var(--muted);
    stroke: var(--foreground);
  }
  
  .mindmapDiagram svg .nodeLabel {
    color: var(--foreground);
  }

  /* Fix mindmap edges visibility - force stroke color with high specificity
   * Issue: Mermaid generates edge paths without stroke color, only stroke-width
   * Root cause: CSS reset (* { border: 0 solid; }) overrides default stroke
   * Solution: Use high-specificity selectors with !important to force stroke color
   * Reference: SVG analysis 2025-01-16 - edges had style="" and no section-edge-X class
   */
  svg[class*="mindmapDiagram"] .edgePaths path,
  svg[class*="mindmapDiagram"] path[class*="edge"],
  [id*="mermaid"] .edgePaths path,
  [id*="mermaid"] path[class*="edge"] {
    stroke: var(--foreground) !important;
    stroke-width: 2px !important;
    fill: none !important;
    opacity: 1 !important;
  }