/* Resize Mermaid diagrams to fit the page by default */
.mermaid svg {
    max-width: 100%;
    /* fill container width */
    width: 100%;
    /* ensure full width scaling */
    height: auto;
    /* maintain aspect ratio */
    max-height: 600px;
    /* optional: limit very tall diagrams */
    display: block;
    margin: 0 auto;
    /* center diagrams */
}

/* If you want to disable resizing for specific diagrams */
.no-resize-mermaid .mermaid svg {
    max-width: inherit;
    width: inherit;
    height: inherit;
}

/* Make mindmap colors readable */
.theme-light .mermaid {
    --color-red: #ff7777;
    --color-orange: #ffbb99;
    --color-yellow: #ffeeaa;
    --color-green: #bbffbb;
    --color-cyan: #bbffee;
    --color-blue: #aaccff;
    --color-purple: #ddbbff;
    --color-pink: #ffcccc;
}