/* Mermaid diagram styling */
.mermaid {
    margin: 1.5rem 0;
    text-align: center;
}

.mermaid svg {
    max-width: 100%;
    height: auto;
}

/* Ensure diagrams are responsive */
.mermaid .node rect,
.mermaid .node circle,
.mermaid .node ellipse,
.mermaid .node polygon,
.mermaid .node path {
    fill: var(--primary-color, #1a73e8);
    stroke: var(--border-color, #ccc);
}

/* Improve readability of text */
.mermaid .label {
    font-family: inherit;
    font-size: 14px;
}