digraph artery_hierarchy {
    rankdir=LR
    fontname="Helvetica"
    node [fontname="Helvetica" fontsize=11 style=filled shape=box]
    edge [class="artery" fontname="Helvetica" fontsize=9]

    label="Artery — Component Hierarchy"
    labelloc=t
    fontsize=14

    vein [label="Vein\nstateless API connector"]
    pulse [label="Pulse\nVein + Room + Depot"]
    plexus [label="Plexus\nfull app: backend\n+ frontend + DB"]
    shunt [class="accent" label="Shunt\nfake connector\nfor testing"]

    vein -> pulse [label="compose"]
    pulse -> plexus [label="extend"]
    shunt -> vein [class="accent" label="replaces" style=dashed]

    // Examples
    subgraph cluster_examples {
        label="Live Veins"
        style=dashed

        jira [class="ok" label="Jira" fontsize=9]
        google [class="accent-text" label="Google" fontsize=9]
        ia [class="ok" label="IA" fontsize=9]
    }

    subgraph cluster_shunts {
        label="Shunts"
        style=dashed

        mp [class="accent-text" label="MercadoPago" fontsize=9]
    }

    jira -> vein [style=invis]
    mp -> shunt [style=invis]
}