/* Original architecture diagrams, using the shared site palette and typography. */
.supply-figure{margin:34px 0;border:1px solid var(--line);background:var(--surface)}
.supply-diagram{max-width:100%;overflow:auto;scrollbar-width:thin}
.supply-diagram:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.supply-diagram svg{display:block;width:100%;min-width:780px;height:auto;font-family:var(--font)}
.supply-diagram .node rect{fill:var(--bg);stroke:var(--line);stroke-width:2}
.supply-diagram .diagram-title{fill:var(--cyan);font-size:20px;font-weight:600;letter-spacing:.6px}
.supply-diagram .diagram-copy{fill:var(--text);font-size:21px}
.supply-diagram .diagram-label{fill:var(--muted);font-size:19px}
.supply-diagram .diagram-kicker{fill:var(--muted);font-size:18px;letter-spacing:1.2px}
.supply-diagram .diagram-arrow{fill:none;stroke:var(--cyan);stroke-width:2.4}
.supply-diagram .diagram-head{fill:var(--cyan)}
.supply-diagram .diagram-secondary{stroke-dasharray:7 5}
.supply-diagram .diagram-boundary{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:5 7}
.supply-figure figcaption{border-top:1px solid var(--line);padding:20px 24px;color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:760px){.supply-diagram::before{content:"Scroll horizontally to explore the diagram.";display:block;position:sticky;left:0;padding:14px 18px;color:var(--muted);font:11px/1.6 var(--mono)}.supply-figure figcaption{padding:18px}}