.architecture-diagram{--diagram-accent:#16805d;border:1px solid var(--border,var(--color-fd-border));background:color-mix(in srgb, currentColor 2%, transparent);border-radius:14px;margin:28px 0;overflow:hidden}.diagram-scroll{padding:16px 6px 0;overflow-x:auto}.diagram-scroll svg{width:100%;min-width:610px;height:auto;font-family:inherit}.diagram-node rect{fill:var(--bg,var(--color-fd-background));stroke:var(--border,var(--color-fd-border))}.diagram-accent rect{fill:color-mix(in srgb, var(--diagram-accent) 7%, var(--bg,var(--color-fd-background)));stroke:var(--diagram-accent)}.diagram-title{fill:currentColor;font-size:13px;font-weight:550}.diagram-detail{fill:currentColor;opacity:.65;font-size:10px}.diagram-line{stroke:currentColor;stroke-width:1.4px}.diagram-direct{stroke:var(--diagram-accent);stroke-width:2px}.diagram-arrow{fill:currentColor}.diagram-lifeline{fill:none;stroke:currentColor;opacity:.15;stroke-dasharray:4 5}.architecture-diagram figcaption{color:inherit;opacity:.7;border-top:1px solid var(--border,var(--color-fd-border));margin:0;padding:12px 20px 18px;font-size:12px;line-height:1.7}.dark .architecture-diagram{--diagram-accent:#7fc6a6}@media (prefers-color-scheme:dark){:root:not(.light) .architecture-diagram{--diagram-accent:#7fc6a6}}