.project-diagram{padding:var(--space-2xl);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-blue-50);color:var(--color-ink);margin:0}.diagram-heading{justify-content:space-between;align-items:start;gap:var(--space-xl);margin-bottom:var(--space-3xl);display:flex}.diagram-heading>span{font:500 var(--text-xs)/1.5 var(--font-code);color:var(--color-muted)}.project-diagram .diagram-heading>p{font:500 var(--text-heading-md)/1.15 var(--font-display);letter-spacing:var(--tracking-heading);max-width:22ch;margin:0}.diagram-origin{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.diagram-origin>span:first-child{font-size:var(--text-heading-lg);color:var(--color-accent)}.diagram-origin strong{font:500 var(--text-heading-md)/1.2 var(--font-display)}.diagram-origin-note{text-align:center;width:100%;color:var(--color-muted);font-size:var(--text-sm);display:block}.diagram-branches{width:100%;height:72px;stroke:var(--color-blue-300);stroke-width:2px;fill:none;display:block}.diagram-nodes{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.diagram-nodes li{gap:var(--space-lg);min-height:140px;padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);flex-direction:column;display:flex;position:relative}.diagram-node-index{font:500 var(--text-xs)/1 var(--font-code);color:var(--color-accent)}.diagram-nodes strong{font:500 var(--text-lg)/1.35 var(--font-display);padding-right:var(--space-md)}.diagram-node-symbol{color:var(--color-accent);font-size:var(--text-lg);align-self:end;margin-top:auto}.project-diagram figcaption{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);line-height:1.7}.project-diagram--seo{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-dark-rule)}.project-diagram--seo .diagram-heading>span,.project-diagram--seo .diagram-origin-note,.project-diagram--seo figcaption{color:var(--color-dark-muted)}.project-diagram--seo .diagram-nodes li{color:var(--color-ink)}.project-diagram--seo figcaption{border-color:var(--color-dark-rule)}.project-diagram--seo .diagram-origin>span:first-child{color:var(--color-blue-300)}.project-diagram--journey{background:var(--color-paper)}.project-diagram--journey .diagram-nodes li{background:var(--color-neutral-100)}.diagram-local{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.diagram-local-ring svg{width:100%;stroke:var(--color-blue-300);stroke-width:1.5px;fill:none;display:block}.diagram-local-ring path,.diagram-local-ring circle{stroke:var(--color-accent);stroke-width:2px}.diagram-local-ring>strong{text-align:center;font:500 var(--text-lg)/1.4 var(--font-display);display:block}.diagram-local ol{margin:0;padding:0;list-style:none}.diagram-local li{gap:var(--space-md);padding-block:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule);display:flex}.diagram-local li>span{color:var(--color-accent);font:500 var(--text-xs)/1.8 var(--font-code)}.diagram-local strong{font-weight:500}.project-diagram--compact{padding:var(--space-xl)}.project-diagram--compact .diagram-heading{margin-bottom:var(--space-xl)}.project-diagram--compact .diagram-heading>p{font-size:var(--text-lg)}.project-diagram--compact .diagram-heading>span,.project-diagram--compact .diagram-origin-note,.project-diagram--compact .diagram-node-symbol{display:none}.project-diagram--compact .diagram-origin strong{font-size:var(--text-lg)}.project-diagram--compact .diagram-nodes{gap:var(--space-sm)}.project-diagram--compact .diagram-nodes li{min-height:95px;padding:var(--space-md);gap:var(--space-sm)}.project-diagram--compact .diagram-nodes strong{font-size:var(--text-xs);padding:0}.project-diagram--compact .diagram-branches{height:40px}.project-diagram--compact figcaption{margin-top:var(--space-lg);font-size:var(--text-xs)}@media (width<=700px){.project-diagram{padding:var(--space-lg)}.diagram-heading{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column}.diagram-nodes{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.diagram-nodes li{align-items:center;gap:var(--space-sm);grid-template-columns:1.5rem minmax(0,1fr) 1rem;min-height:0;display:grid}.diagram-branches{height:36px}.diagram-node-symbol{margin:0}.diagram-local{grid-template-columns:minmax(0,1fr)}.project-diagram--compact .diagram-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.project-diagram--compact .diagram-nodes li{display:flex}}.project-diagram .diagram-heading>p{color:inherit}.diagram-nodes li,.diagram-nodes strong{overflow-wrap:anywhere;min-width:0}@media (width<=700px){.project-diagram:not(.project-diagram--compact) .diagram-branches{display:none}.project-diagram:not(.project-diagram--compact) .diagram-origin{margin-bottom:var(--space-xl)}.project-diagram:not(.project-diagram--compact):not(.project-diagram--journey) .diagram-nodes{border-left:2px solid var(--color-blue-300);margin-left:var(--space-sm);padding-left:var(--space-lg)}.project-diagram:not(.project-diagram--compact):not(.project-diagram--journey) .diagram-nodes li:before{content:"";width:var(--space-lg);border-top:2px solid var(--color-blue-300);position:absolute;top:50%;right:100%}.project-diagram--journey:not(.project-diagram--compact) .diagram-nodes{gap:var(--space-xl)}.project-diagram--journey:not(.project-diagram--compact) .diagram-nodes li:not(:last-child):after{content:"↓";height:var(--space-xl);color:var(--color-accent);place-items:center;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)}}