/* Mermaid diagrams on standalone reference pages — brand-themed, hand-drawn.
   Injected by build.mjs alongside assets/mermaid.js on any page that uses
   <pre class="mermaid">. Hidden until rendered so raw source never flashes;
   the .mermaid-failed fallback (set by mermaid.js) shows source if the CDN is
   unreachable. Colour vars come from each page's :root, with safe fallbacks. */
pre.mermaid{
  background:#fff; border:1px solid var(--line, rgba(9,36,75,.12)); border-radius:10px;
  padding:16px; margin:0; text-align:center; line-height:1; overflow-x:auto; visibility:hidden;
  font-family:"IBM Plex Mono","JetBrains Mono",monospace; font-size:12.5px;
  color:var(--ink-soft, rgba(9,36,75,.72)); white-space:pre;
}
pre.mermaid[data-processed="true"]{ visibility:visible; white-space:normal; }
pre.mermaid svg{ max-width:100%; height:auto; display:block; margin:0 auto; }
pre.mermaid.mermaid-failed{ visibility:visible; white-space:pre; text-align:left; }
