%%{init: { 'theme': 'base', 'themeVariables': { 'fontSize': '12px' }}}%%
flowchart LR
subgraph Dynamic["Dynamic Neighborship"]
direction TB
D1["Router A"] -->|"224.0.0.10"| D2["Router B"]
D1 -->|"224.0.0.10"| D3["Router C"]
D1 -->|"224.0.0.10"| D4["Router D"]
end
subgraph Static["Static Neighborship"]
direction TB
S1["Router A"] -->|"Unicast to 192.168.1.2"| S2["Router B"]
end
style Dynamic fill:#F8FAFC,color:#1E293B,stroke:#0EA5E9,stroke-width:2px
style Static fill:#F8FAFC,color:#1E293B,stroke:#7C3AED,stroke-width:2px
style D1 fill:#0EA5E9,color:#FFF
style D2 fill:#10B981,color:#FFF
style D3 fill:#10B981,color:#FFF
style D4 fill:#10B981,color:#FFF
style S1 fill:#7C3AED,color:#FFF
style S2 fill:#F59E0B,color:#FFF