.note-mermaid {
    max-width: 100%;
    min-width: 0;
    margin: 20px 0;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    color: #25282a;
    border: 1px solid #dedede;
    border-radius: 6px;
}
.note-mermaid-diagram { width: 100%; min-width: 0; }
.note-mermaid-diagram > svg { display: block; margin: 0 auto; }
.note-mermaid-diagram .node rect.basic { rx: 20px; ry: 20px; filter: none; }
.note-mermaid-diagram .node .label { font-weight: 500; }
.note-mermaid-diagram .edgeLabel rect.background {
    fill: #f4f9ff !important;
    stroke: #cbddec !important;
    stroke-width: 1px;
    opacity: 1 !important;
}
.note-mermaid-diagram .edgeLabel text { fill: #005ca8 !important; }
.note-mermaid-diagram .flowchart-link { stroke-width: 1px !important; }
.note-mermaid-source { white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.6 Consolas, monospace; }
.note-mermaid-source[hidden] { display: none; }
.note-mermaid .note-mermaid-error { margin: 0 0 12px; color: #a52626; font-size: 14px; }