.mermaid-renderer{display:flex;flex-direction:column;gap:var(--space-50, .5rem)}.mermaid-renderer__diagram{overflow-x:auto;padding:var(--space-75, .75rem);background:var(--colour-elevation-1, #fff);border:1px solid var(--colour-neutral-2, #e0e0e0);border-radius:var(--border-radius-md, 8px);text-align:center}.mermaid-renderer__diagram svg{max-width:100%;height:auto}.mermaid-renderer__source{margin:0;padding:var(--space-75, .75rem);background:var(--colour-elevation-2, #f5f5f5);border:1px solid var(--colour-neutral-2, #e0e0e0);border-radius:var(--border-radius-md, 8px);overflow-x:auto;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mermaid-renderer__toggle{align-self:flex-start;padding:var(--space-25, .25rem) var(--space-50, .5rem);font-size:.75rem;font-weight:500;color:var(--colour-text-and-icon-2, #484848);background:var(--colour-elevation-2, #f5f5f5);border:1px solid var(--colour-neutral-3, #ccc);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color .15s ease}.mermaid-renderer__toggle:hover{background:var(--colour-elevation-3, #e8e8e8)}.mermaid-renderer__toggle:focus-visible{outline:2px solid var(--colour-interactive-emphasised, #0058a3);outline-offset:2px}.mermaid-renderer__error{margin:0;padding:var(--space-25, .25rem) var(--space-50, .5rem);font-size:.75rem;color:var(--colour-negative, #e00751);background:var(--colour-negative-bg, #fff0f3);border-radius:var(--border-radius-sm, 4px)}@media(prefers-reduced-motion:reduce){.mermaid-renderer__toggle{transition:none}}