Merge pull request #2404 from alixander/c4-theme

c4 theme

d2exporter/export.go

@@ -79,6 +79,46 @@ func applyTheme(shape *d2target.Shape, obj *d2graph.Object, theme *d2themes.Them
 		if theme.SpecialRules.Mono {
 			shape.FontFamily = "mono"
 		}
+		if theme.SpecialRules.C4 && len(obj.ChildrenArray) > 0 {
+			if obj.Style.Fill == nil {
+				shape.Fill = "transparent"
+			}
+			if obj.Style.Stroke == nil {
+				shape.Stroke = color.AA2
+			}
+			if obj.Style.StrokeDash == nil {
+				shape.StrokeDash = 5
+			}
+			if obj.Style.FontColor == nil {
+				shape.Color = color.N1
+			}
+		}
+		if theme.SpecialRules.C4 && obj.Level() == 1 && len(obj.ChildrenArray) == 0 &&
+			obj.Shape.Value != d2target.ShapePerson && obj.Shape.Value != d2target.ShapeC4Person {
+			if obj.Style.Fill == nil {
+				shape.Fill = color.B6
+			}
+			if obj.Style.Stroke == nil {
+				shape.Stroke = color.B5
+			}
+		}
+		if theme.SpecialRules.C4 && (obj.Shape.Value == d2target.ShapePerson || obj.Shape.Value == d2target.ShapeC4Person) {
+			if obj.Style.Fill == nil {
+				shape.Fill = color.B2
+			}
+			if obj.Style.Stroke == nil {
+				shape.Stroke = color.B1
+			}
+		}
+		if theme.SpecialRules.C4 && obj.Level() > 1 && len(obj.ChildrenArray) == 0 &&
+			obj.Shape.Value != d2target.ShapePerson && obj.Shape.Value != d2target.ShapeC4Person {
+			if obj.Style.Fill == nil {
+				shape.Fill = color.B4
+			}
+			if obj.Style.Stroke == nil {
+				shape.Stroke = color.B3
+			}
+		}
 	}
 }
 
@@ -165,6 +205,15 @@ func toShape(obj *d2graph.Object, g *d2graph.Graph) d2target.Shape {
 	applyStyles(shape, obj)
 	applyTheme(shape, obj, g.Theme)
 	shape.Color = text.GetColor(shape.Italic)
+	if g.Theme != nil && g.Theme.SpecialRules.C4 {
+		if obj.Style.FontColor == nil {
+			if len(obj.ChildrenArray) > 0 {
+				shape.Color = color.N1
+			} else {
+				shape.Color = color.N7
+			}
+		}
+	}
 	applyStyles(shape, obj)
 
 	switch strings.ToLower(obj.Shape.Value) {
@@ -393,5 +442,17 @@ func toConnection(edge *d2graph.Edge, theme *d2themes.Theme) d2target.Connection
 	connection.Src = edge.Src.AbsID()
 	connection.Dst = edge.Dst.AbsID()
 
+	if theme != nil && theme.SpecialRules.C4 {
+		if edge.Style.StrokeDash == nil {
+			connection.StrokeDash = 5
+		}
+		if edge.Style.Stroke == nil {
+			connection.Stroke = color.AA4
+		}
+		if edge.Style.FontColor == nil {
+			connection.Color = color.N2
+		}
+	}
+
 	return *connection
 }

d2graph/d2graph.go

@@ -565,7 +565,7 @@ func (obj *Object) GetFill() string {
 		return color.AB5
 	}
 
-	if strings.EqualFold(shape, d2target.ShapePerson) {
+	if strings.EqualFold(shape, d2target.ShapePerson) || strings.EqualFold(shape, d2target.ShapeC4Person) {
 		return color.B3
 	}
 	if strings.EqualFold(shape, d2target.ShapeDiamond) {

d2renderers/d2svg/d2svg.go

@@ -1483,6 +1483,8 @@ func drawShape(writer, appendixWriter io.Writer, diagramHash string, targetShape
 			}
 			if !color.IsThemeColor(targetShape.Color) {
 				styles = append(styles, fmt.Sprintf(`color:%s`, targetShape.Color))
+			} else {
+				styles = append(styles, fmt.Sprintf(`color:%s`, d2themes.ResolveThemeColor(*inlineTheme, targetShape.Color)))
 			}
 
 			mdEl.Style = strings.Join(styles, ";")

d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg

@@ -847,7 +847,7 @@
 </text><text class="text-mono" x="0" y="2.300000em">&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;TODO&quot;</tspan>)
 </text><text class="text-mono" x="0" y="3.600000em">}</text></g></g><g transform="translate(135.000000 0.000000)" class="dark-code"><rect width="160.000000" height="78.000000" stroke="#CDD6F4" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#f38ba8">func</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">main</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#cdd6f4">
 </tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">panic</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#a6e3a1">&quot;TODO&quot;</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">
-</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g class="dGV4dA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="355.000000" y="27.000000" width="428" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Five is a sufficiently close approximation to infinity.</p>
+</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g class="dGV4dA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="355.000000" y="27.000000" width="428" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#CDD6F4"><p>Five is a sufficiently close approximation to infinity.</p>
 </div></foreignObject></g></g><g class="dW5rbm93bg=="><g class="shape" ></g><g transform="translate(0.000000 178.000000)" class="light-code"><rect width="429.000000" height="37.000000" stroke="#CDD6F4" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">Don't&#160;hit&#160;me!!&#160;&#160;I'm&#160;in&#160;the&#160;Twilight&#160;Zone!!!</text></g></g><g transform="translate(0.000000 178.000000)" class="dark-code"><rect width="429.000000" height="37.000000" stroke="#CDD6F4" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">Don't&#160;hit&#160;me!!&#160;&#160;I'm&#160;in&#160;the&#160;Twilight&#160;Zone!!!</tspan></text></g></g></g><g class="KGNvZGUgLS0gdW5rbm93bilbMF0="><path d="M 214.500000 80.000000 C 214.500000 118.000000 214.500000 138.000000 214.500000 176.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-41228547)" /></g><mask id="d2-41228547" maskUnits="userSpaceOnUse" x="-101" y="-101" width="985" height="417">
 <rect x="-101" y="-101" width="985" height="417" fill="white"></rect>
 <rect x="135.000000" y="0.000000" width="144" height="62" fill="rgba(0,0,0,0.75)"></rect>

d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg

@@ -843,7 +843,7 @@
 .d2-3335880637 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="181.000000" y="3.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="208.000000" y="41.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="295.000000" y="24.000000" width="382" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
+</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="181.000000" y="3.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="208.000000" y="41.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="295.000000" y="24.000000" width="382" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#CDD6F4"><p>linux: because a PC is a terrible thing to waste</p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="181.000000" y="209.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="208.000000" y="247.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="dXNlcnM=" style='opacity:0.400000'><g class="shape" ><rect x="737.000000" y="0.000000" width="240.000000" height="72.000000" stroke="#CDD6F4" fill="#1E1E2E" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="737.000000" y="0.000000" width="240.000000" height="36.000000" fill="#CDD6F4" class="class_header fill-N1" /><text x="747.000000" y="25.750000" fill="#1E1E2E" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="747.000000" y="59.000000" fill="#CBA6f7" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="869.000000" y="59.000000" fill="#BAC2DE" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="967.000000" y="59.000000" fill="#f38BA8" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="737.000000" x2="977.000000" y1="72.000000" y2="72.000000" stroke="#CDD6F4" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="KHggLSZndDsgYSlbMF0=" style='opacity:0.400000'><marker id="mk-d2-3335880637-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 208.000000 70.500000 C 208.000000 126.099998 208.000000 154.300003 208.000000 205.500000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3335880637-3488378134)" mask="url(#d2-3335880637)" /><text x="208.000000" y="137.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="208.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="208.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="d2-3335880637" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1178" height="477">
 <rect x="-100" y="-101" width="1178" height="477" fill="white"></rect>
 <rect x="203.500000" y="25.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

d2target/d2target.go

@@ -280,6 +280,13 @@ func (diagram Diagram) BoundingBox() (topLeft, bottomRight Point) {
 		x2 = go2.Max(x2, targetShape.Pos.X+targetShape.Width+int(math.Ceil(float64(targetShape.StrokeWidth)/2.)))
 		y2 = go2.Max(y2, targetShape.Pos.Y+targetShape.Height+int(math.Ceil(float64(targetShape.StrokeWidth)/2.)))
 
+		if targetShape.Type == ShapeC4Person {
+			headRadius := int(float64(targetShape.Width) * 0.22)
+			headCenterY := int(float64(targetShape.Height) * 0.18)
+			headTop := targetShape.Pos.Y + headCenterY - headRadius
+			y1 = go2.Min(y1, headTop-targetShape.StrokeWidth)
+		}
+
 		if targetShape.Tooltip != "" || targetShape.Link != "" {
 			// 16 is the icon radius
 			y1 = go2.Min(y1, targetShape.Pos.Y-targetShape.StrokeWidth-16)

d2themes/d2themes.go

@@ -21,6 +21,7 @@ type SpecialRules struct {
 	OuterContainerDoubleBorder bool `json:"outerContainerDoubleBorder"`
 	ContainerDots              bool `json:"containerDots"`
 	CapsLock                   bool `json:"capsLock"`
+	C4                         bool `json:"c4"`
 
 	AllPaper bool `json:"allPaper"`
 }

d2themes/d2themescatalog/c4.go

@@ -0,0 +1,38 @@
+package d2themescatalog
+
+import "oss.terrastruct.com/d2/d2themes"
+
+var C4 = d2themes.Theme{
+	ID:   303,
+	Name: "C4",
+	Colors: d2themes.ColorPalette{
+		Neutrals: d2themes.Neutral{
+			N1: "#0f5eaa", // Container font color
+			N2: "#707070", // Connection font color
+			N3: "#FFFFFF",
+			N4: "#073b6f", // Person stroke
+			N5: "#999999", // Root level objects
+			N6: "#FFFFFF",
+			N7: "#FFFFFF",
+		},
+
+		// Primary colors
+		B1: "#073b6f", // Person stroke
+		B2: "#08427b", // Person fill
+		B3: "#3c7fc0", // Inner objects stroke
+		B4: "#438dd5", // Inner objects fill
+		B5: "#8a8a8a", // Root level objects stroke
+		B6: "#999999", // Root level objects fill
+
+		// Accent colors
+		AA2: "#0f5eaa", // Container stroke
+		AA4: "#707070", // Connection stroke
+		AA5: "#f5f5f5", // Light background
+
+		AB4: "#e1e1e1",
+		AB5: "#f0f0f0",
+	},
+	SpecialRules: d2themes.SpecialRules{
+		C4: true,
+	},
+}

d2themes/d2themescatalog/catalog.go

@@ -25,6 +25,7 @@ var LightCatalog = []d2themes.Theme{
 	Terminal,
 	TerminalGrayscale,
 	Origami,
+	C4,
 }
 
 var DarkCatalog = []d2themes.Theme{

e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg

@@ -836,10 +836,10 @@
 .d2-3049291188 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cXVldWU="><g class="shape" ><path d="M 24 148 H 922 C 946 148 946 223 946 231 C 946 239 946 314 922 314 H 24 C 0 314 0 239 0 231 C 0 223 0 148 24 148 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 922 148 C 898 148 898 223 898 231 C 898 239 898 314 922 314" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g class="bTBfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="20.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Oldest message</p>
-</div></foreignObject></g></g><g class="bTJfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="302.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Offset</p>
-</div></foreignObject></g></g><g class="bTVfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="654.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Last message</p>
-</div></foreignObject></g></g><g class="bTZfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="804.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Next message will be<br />
+</style><g class="cXVldWU="><g class="shape" ><path d="M 24 148 H 922 C 946 148 946 223 946 231 C 946 239 946 314 922 314 H 24 C 0 314 0 239 0 231 C 0 223 0 148 24 148 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 922 148 C 898 148 898 223 898 231 C 898 239 898 314 922 314" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g class="bTBfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="20.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Oldest message</p>
+</div></foreignObject></g></g><g class="bTJfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="302.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Offset</p>
+</div></foreignObject></g></g><g class="bTVfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="654.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Last message</p>
+</div></foreignObject></g></g><g class="bTZfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="804.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Next message will be<br />
 inserted here</p>
 </div></foreignObject></g></g><g class="cXVldWUuTTA="><g class="shape" ><rect x="40.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="72.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g class="cXVldWUuTTE="><g class="shape" ><rect x="165.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="197.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g class="cXVldWUuTTI="><g class="shape" ><rect x="290.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="322.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g class="cXVldWUuTTM="><g class="shape" ><rect x="415.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="447.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g class="cXVldWUuTTQ="><g class="shape" ><rect x="540.000000" y="198.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="573.000000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g class="cXVldWUuTTU="><g class="shape" ><rect x="666.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="698.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g class="cXVldWUuTTY="><g class="shape" ><rect x="841.000000" y="198.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="873.500000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g class="KG0wX2Rlc2MgLSZndDsgcXVldWUuTTApWzBd"><marker id="mk-d2-3049291188-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 72.500000 38.000000 C 72.500000 85.599998 72.500000 158.000000 72.500000 194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3049291188-3488378134)" mask="url(#d2-3049291188)" /></g><g class="KG0yX2Rlc2MgLSZndDsgcXVldWUuTTIpWzBd"><path d="M 322.500000 38.000000 C 322.500000 85.599998 322.500000 158.000000 322.500000 194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3049291188-3488378134)" mask="url(#d2-3049291188)" /></g><g class="KG01X2Rlc2MgLSZndDsgcXVldWUuTTUpWzBd"><path d="M 698.500000 38.000000 C 698.500000 85.599998 698.500000 158.000000 698.500000 194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3049291188-3488378134)" mask="url(#d2-3049291188)" /></g><g class="KG02X2Rlc2MgLSZndDsgcXVldWUuTTYpWzBd"><path d="M 873.500000 50.000000 C 873.500000 88.000000 873.500000 158.000000 873.500000 194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3049291188-3488378134)" mask="url(#d2-3049291188)" /></g><mask id="d2-3049291188" maskUnits="userSpaceOnUse" x="-1" y="-1" width="948" height="316">
 <rect x="-1" y="-1" width="948" height="316" fill="white"></rect>

e2etests/testdata/regression/elk_order/elk/sketch.exp.svg

@@ -836,10 +836,10 @@
 .d2-3542568952 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cXVldWU="><g class="shape" ><path d="M 36 145 H 664 C 688 145 688 220 688 228 C 688 236 688 311 664 311 H 36 C 12 311 12 236 12 228 C 12 220 12 145 36 145 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 664 145 C 640 145 640 220 640 228 C 640 236 640 311 664 311" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g class="bTBfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="41.000000" y="36.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Oldest message</p>
-</div></foreignObject></g></g><g class="bTJfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="244.000000" y="36.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Offset</p>
-</div></foreignObject></g></g><g class="bTVfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="456.000000" y="36.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Last message</p>
-</div></foreignObject></g></g><g class="bTZfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="566.000000" y="12.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Next message will be<br />
+</style><g class="cXVldWU="><g class="shape" ><path d="M 36 145 H 664 C 688 145 688 220 688 228 C 688 236 688 311 664 311 H 36 C 12 311 12 236 12 228 C 12 220 12 145 36 145 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 664 145 C 640 145 640 220 640 228 C 640 236 640 311 664 311" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g></g><g class="bTBfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="41.000000" y="36.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Oldest message</p>
+</div></foreignObject></g></g><g class="bTJfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="244.000000" y="36.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Offset</p>
+</div></foreignObject></g></g><g class="bTVfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="456.000000" y="36.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Last message</p>
+</div></foreignObject></g></g><g class="bTZfZGVzYw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="566.000000" y="12.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Next message will be<br />
 inserted here</p>
 </div></foreignObject></g></g><g class="cXVldWUuTTA="><g class="shape" ><rect x="62.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="94.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g class="cXVldWUuTTE="><g class="shape" ><rect x="147.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g class="cXVldWUuTTI="><g class="shape" ><rect x="232.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="264.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g class="cXVldWUuTTM="><g class="shape" ><rect x="317.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="349.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g class="cXVldWUuTTQ="><g class="shape" ><rect x="402.000000" y="195.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="435.000000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g class="cXVldWUuTTU="><g class="shape" ><rect x="488.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="520.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g class="cXVldWUuTTY="><g class="shape" ><rect x="573.000000" y="195.000000" width="65.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="605.500000" y="233.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g class="KG0wX2Rlc2MgLSZndDsgcXVldWUuTTApWzBd"><marker id="mk-d2-3542568952-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.500000 62.000000 L 94.500000 191.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3542568952-3488378134)" mask="url(#d2-3542568952)" /></g><g class="KG0yX2Rlc2MgLSZndDsgcXVldWUuTTIpWzBd"><path d="M 264.500000 62.000000 L 264.500000 191.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3542568952-3488378134)" mask="url(#d2-3542568952)" /></g><g class="KG01X2Rlc2MgLSZndDsgcXVldWUuTTUpWzBd"><path d="M 520.500000 62.000000 L 520.500000 191.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3542568952-3488378134)" mask="url(#d2-3542568952)" /></g><g class="KG02X2Rlc2MgLSZndDsgcXVldWUuTTYpWzBd"><path d="M 605.500000 62.000000 L 605.500000 191.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3542568952-3488378134)" mask="url(#d2-3542568952)" /></g><mask id="d2-3542568952" maskUnits="userSpaceOnUse" x="11" y="11" width="696" height="301">
 <rect x="11" y="11" width="696" height="301" fill="white"></rect>

e2etests/testdata/regression/md_font_weight/dagre/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-147443974 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="ZXhwbGFuYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="228" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
+</style><g class="ZXhwbGFuYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="228" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>I can do headers</h1>
 <ul>
 <li>lists</li>
 <li>lists</li>

e2etests/testdata/regression/md_font_weight/elk/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-2881380206 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="ZXhwbGFuYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="228" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>I can do headers</h1>
+</style><g class="ZXhwbGFuYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="228" height="159"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>I can do headers</h1>
 <ul>
 <li>lists</li>
 <li>lists</li>

e2etests/testdata/regression/md_h1_li_li/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1836715912 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>hey</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>hey</h1>
 <ul>
 <li>they
 <ol>

e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3788794681 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>hey</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>hey</h1>
 <ul>
 <li>they
 <ol>

e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1987627880 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="135.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="161.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="21.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
+</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="135.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="161.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="21.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>linux: because a PC is a terrible thing to waste</p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="135.000000" y="203.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="161.500000" y="241.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="KHggLSZndDsgYSlbMF0=" style='opacity:0.400000'><marker id="mk-d2-1987627880-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 161.000000 67.500000 C 161.000000 120.699997 161.000000 148.300003 161.000000 199.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1987627880-3488378134)" mask="url(#d2-1987627880)" /><text x="161.000000" y="132.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="161.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="161.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="d2-1987627880" maskUnits="userSpaceOnUse" x="0" y="-1" width="553" height="271">
 <rect x="0" y="-1" width="553" height="271" fill="white"></rect>
 <rect x="157.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-856327487 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="146.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="219.000000" y="33.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
+</style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="146.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="219.000000" y="33.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>linux: because a PC is a terrible thing to waste</p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="146.000000" y="255.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="293.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="KHggLSZndDsgYSlbMF0=" style='opacity:0.400000'><marker id="mk-d2-856327487-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 173.000000 80.000000 L 173.000000 251.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-856327487-3488378134)" mask="url(#d2-856327487)" /><text x="173.000000" y="164.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="173.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="173.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="d2-856327487" maskUnits="userSpaceOnUse" x="12" y="11" width="512" height="311">
 <rect x="12" y="11" width="512" height="311" fill="white"></rect>
 <rect x="168.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-4271326716 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><text x="757.500000" y="-16.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="50.000000" y="414.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="117.500000" y="452.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="T0VNIFdhcmVob3VzZQ=="><g class="shape" ><rect x="358.000000" y="424.000000" width="159.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.500000" y="462.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g class="RGlzdHJpYnV0b3IgV2FyZWhvdXNl"><g class="shape" ><rect x="335.000000" y="550.000000" width="204.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.000000" y="588.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g class="R29zIFdhcmVob3VzZQ=="><g class="shape" ><rect x="659.000000" y="270.000000" width="832.000000" height="334.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1075.000000" y="257.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g class="Q3VzdG9tZXIgU2l0ZQ=="><g class="shape" ><rect x="25.000000" y="56.000000" width="186.000000" height="252.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="118.000000" y="43.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g class="R29zIFdhcmVob3VzZS5NYXN0ZXI="><g class="shape" ><rect x="689.000000" y="388.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="736.000000" y="426.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0x"><g class="shape" ><rect x="883.000000" y="461.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="943.000000" y="499.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0y"><g class="shape" ><rect x="1103.000000" y="340.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1163.000000" y="378.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC1O"><g class="shape" ><rect x="1331.000000" y="329.000000" width="122.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1392.000000" y="367.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g class="R29zIFdhcmVob3VzZS5leHBsYWluYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1323.000000" y="455.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="dGl0bGU="><g class="shape" ></g><text x="757.500000" y="-16.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="50.000000" y="414.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="117.500000" y="452.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="T0VNIFdhcmVob3VzZQ=="><g class="shape" ><rect x="358.000000" y="424.000000" width="159.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.500000" y="462.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g class="RGlzdHJpYnV0b3IgV2FyZWhvdXNl"><g class="shape" ><rect x="335.000000" y="550.000000" width="204.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.000000" y="588.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g class="R29zIFdhcmVob3VzZQ=="><g class="shape" ><rect x="659.000000" y="270.000000" width="832.000000" height="334.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1075.000000" y="257.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g class="Q3VzdG9tZXIgU2l0ZQ=="><g class="shape" ><rect x="25.000000" y="56.000000" width="186.000000" height="252.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="118.000000" y="43.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g class="R29zIFdhcmVob3VzZS5NYXN0ZXI="><g class="shape" ><rect x="689.000000" y="388.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="736.000000" y="426.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0x"><g class="shape" ><rect x="883.000000" y="461.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="943.000000" y="499.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0y"><g class="shape" ><rect x="1103.000000" y="340.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1163.000000" y="378.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC1O"><g class="shape" ><rect x="1331.000000" y="329.000000" width="122.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1392.000000" y="367.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g class="R29zIFdhcmVob3VzZS5leHBsYWluYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1323.000000" y="455.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li>Asset Tagging</li>
 <li>Inventory</li>
 <li>Staging</li>

e2etests/testdata/regression/unconnected/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1235788687 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><text x="801.500000" y="-19.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="103.000000" y="115.000000" width="135.000000" height="120.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="170.500000" y="180.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="T0VNIFdhcmVob3VzZQ=="><g class="shape" ><rect x="390.000000" y="74.000000" width="159.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="469.500000" y="112.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g class="RGlzdHJpYnV0b3IgV2FyZWhvdXNl"><g class="shape" ><rect x="368.000000" y="170.000000" width="204.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="470.000000" y="208.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g class="R29zIFdhcmVob3VzZQ=="><g class="shape" ><rect x="652.000000" y="12.000000" width="940.000000" height="384.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1122.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g class="Q3VzdG9tZXIgU2l0ZQ=="><g class="shape" ><rect x="12.000000" y="255.000000" width="226.000000" height="252.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="125.000000" y="288.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g class="R29zIFdhcmVob3VzZS5NYXN0ZXI="><g class="shape" ><rect x="746.000000" y="97.000000" width="94.000000" height="120.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="793.000000" y="162.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0x"><g class="shape" ><rect x="970.000000" y="61.000000" width="120.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1030.000000" y="106.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0y"><g class="shape" ><rect x="1170.000000" y="129.000000" width="120.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.000000" y="174.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC1O"><g class="shape" ><rect x="1420.000000" y="124.000000" width="122.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1481.000000" y="169.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g class="R29zIFdhcmVob3VzZS5leHBsYWluYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="702.000000" y="237.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="dGl0bGU="><g class="shape" ></g><text x="801.500000" y="-19.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="103.000000" y="115.000000" width="135.000000" height="120.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="170.500000" y="180.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="T0VNIFdhcmVob3VzZQ=="><g class="shape" ><rect x="390.000000" y="74.000000" width="159.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="469.500000" y="112.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g class="RGlzdHJpYnV0b3IgV2FyZWhvdXNl"><g class="shape" ><rect x="368.000000" y="170.000000" width="204.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="470.000000" y="208.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g class="R29zIFdhcmVob3VzZQ=="><g class="shape" ><rect x="652.000000" y="12.000000" width="940.000000" height="384.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1122.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g class="Q3VzdG9tZXIgU2l0ZQ=="><g class="shape" ><rect x="12.000000" y="255.000000" width="226.000000" height="252.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="125.000000" y="288.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g class="R29zIFdhcmVob3VzZS5NYXN0ZXI="><g class="shape" ><rect x="746.000000" y="97.000000" width="94.000000" height="120.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="793.000000" y="162.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0x"><g class="shape" ><rect x="970.000000" y="61.000000" width="120.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1030.000000" y="106.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC0y"><g class="shape" ><rect x="1170.000000" y="129.000000" width="120.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.000000" y="174.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g class="R29zIFdhcmVob3VzZS5SZWdpb25hbC1O"><g class="shape" ><rect x="1420.000000" y="124.000000" width="122.000000" height="80.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1481.000000" y="169.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g class="R29zIFdhcmVob3VzZS5leHBsYWluYXRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="702.000000" y="237.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li>Asset Tagging</li>
 <li>Inventory</li>
 <li>Staging</li>

e2etests/testdata/stable/br/dagre/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-3415583374 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="Y29weQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="147" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Headline 1</h1>
+</style><g class="Y29weQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="147" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Headline 1</h1>
 <h2>Headline 2</h2>
 <p>Lorem ipsum dolor
 <br /></p>

e2etests/testdata/stable/br/elk/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-2354018982 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="Y29weQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="147" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Headline 1</h1>
+</style><g class="Y29weQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="147" height="383"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Headline 1</h1>
 <h2>Headline 2</h2>
 <p>Lorem ipsum dolor
 <br /></p>

e2etests/testdata/stable/constant_near_stress/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1761626757 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="VGhlIHRvcCBvZiB0aGUgbW91bnRhaW4="><g class="shape" ></g><text x="27.000000" y="-25.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g class="Sm9l"><g class="shape" ><path d="M -451 149 H -495 V 148 C -495 137 -490 127 -483 122 C -487 118 -489 111 -489 104 C -489 93 -482 83 -473 83 C -464 83 -457 93 -457 104 C -457 111 -459 117 -464 121 C -456 126 -452 136 -452 147 V 148 H -451 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="-473.000000" y="170.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Joe</text></g><g class="RG9uYWxk"><g class="shape" ><path d="M 570 149 H 505 V 148 C 505 137 512 127 523 122 C 517 118 513 111 513 104 C 513 93 524 83 537 83 C 550 83 561 93 561 104 C 561 111 557 117 551 121 C 562 126 569 136 569 147 V 148 H 570 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="537.500000" y="170.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Donald</text></g><g class="Ym90dG9t"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-431.000000" y="252.000000" width="917" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
+</style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="VGhlIHRvcCBvZiB0aGUgbW91bnRhaW4="><g class="shape" ></g><text x="27.000000" y="-25.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g class="Sm9l"><g class="shape" ><path d="M -451 149 H -495 V 148 C -495 137 -490 127 -483 122 C -487 118 -489 111 -489 104 C -489 93 -482 83 -473 83 C -464 83 -457 93 -457 104 C -457 111 -459 117 -464 121 C -456 126 -452 136 -452 147 V 148 H -451 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="-473.000000" y="170.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Joe</text></g><g class="RG9uYWxk"><g class="shape" ><path d="M 570 149 H 505 V 148 C 505 137 512 127 523 122 C 517 118 513 111 513 104 C 513 93 524 83 537 83 C 550 83 561 93 561 104 C 561 111 557 117 551 121 C 562 126 569 136 569 147 V 148 H 570 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="537.500000" y="170.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Donald</text></g><g class="Ym90dG9t"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-431.000000" y="252.000000" width="917" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
 <p>If we can't fix it, it ain't broke.</p>
 <p>Dieters live life in the fasting lane.</p>
 </div></foreignObject></g></g><g class="aSBhbSB0b3AgbGVmdA=="><g class="shape" ></g><text x="-491.000000" y="-25.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am top left</text></g><g class="aSBhbSB0b3AgcmlnaHQ="><g class="shape" ></g><text x="550.000000" y="-25.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am top right</text></g><g class="aSBhbSBib3R0b20gbGVmdA=="><g class="shape" ></g><text x="-504.500000" y="268.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am bottom left</text></g><g class="aSBhbSBib3R0b20gcmlnaHQ="><g class="shape" ></g><text x="563.500000" y="268.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am bottom right</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1761626757-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1761626757-3488378134)" mask="url(#d2-1761626757)" /></g><mask id="d2-1761626757" maskUnits="userSpaceOnUse" x="-559" y="-42" width="1182" height="426">

e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1390049335 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="12.000000" y="148.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="186.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="VGhlIHRvcCBvZiB0aGUgbW91bnRhaW4="><g class="shape" ></g><text x="39.000000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g class="Sm9l"><g class="shape" ><path d="M -439 146 H -483 V 145 C -483 134 -478 124 -471 119 C -475 115 -477 108 -477 101 C -477 90 -470 80 -461 80 C -452 80 -445 90 -445 101 C -445 108 -447 114 -452 118 C -444 123 -440 133 -440 144 V 145 H -439 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="-461.000000" y="167.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Joe</text></g><g class="RG9uYWxk"><g class="shape" ><path d="M 582 146 H 517 V 145 C 517 134 524 124 535 119 C 529 115 525 108 525 101 C 525 90 536 80 549 80 C 562 80 573 90 573 101 C 573 108 569 114 563 118 C 574 123 581 133 581 144 V 145 H 582 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="549.500000" y="167.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Donald</text></g><g class="Ym90dG9t"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-419.000000" y="234.000000" width="917" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
+</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="12.000000" y="148.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="186.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="VGhlIHRvcCBvZiB0aGUgbW91bnRhaW4="><g class="shape" ></g><text x="39.000000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">The top of the mountain</text></g><g class="Sm9l"><g class="shape" ><path d="M -439 146 H -483 V 145 C -483 134 -478 124 -471 119 C -475 115 -477 108 -477 101 C -477 90 -470 80 -461 80 C -452 80 -445 90 -445 101 C -445 108 -447 114 -452 118 C -444 123 -440 133 -440 144 V 145 H -439 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="-461.000000" y="167.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Joe</text></g><g class="RG9uYWxk"><g class="shape" ><path d="M 582 146 H 517 V 145 C 517 134 524 124 535 119 C 529 115 525 108 525 101 C 525 90 536 80 549 80 C 562 80 573 90 573 101 C 573 108 569 114 563 118 C 574 123 581 133 581 144 V 145 H 582 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="549.500000" y="167.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Donald</text></g><g class="Ym90dG9t"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-419.000000" y="234.000000" width="917" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
 <p>If we can't fix it, it ain't broke.</p>
 <p>Dieters live life in the fasting lane.</p>
 </div></foreignObject></g></g><g class="aSBhbSB0b3AgbGVmdA=="><g class="shape" ></g><text x="-479.000000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am top left</text></g><g class="aSBhbSB0b3AgcmlnaHQ="><g class="shape" ></g><text x="562.000000" y="-13.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am top right</text></g><g class="aSBhbSBib3R0b20gbGVmdA=="><g class="shape" ></g><text x="-492.500000" y="250.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am bottom left</text></g><g class="aSBhbSBib3R0b20gcmlnaHQ="><g class="shape" ></g><text x="575.500000" y="250.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">i am bottom right</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1390049335-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 39.000000 80.000000 L 39.000000 144.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1390049335-3488378134)" mask="url(#d2-1390049335)" /></g><mask id="d2-1390049335" maskUnits="userSpaceOnUse" x="-547" y="-30" width="1182" height="396">

e2etests/testdata/stable/constant_near_title/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-2364978249 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="37.000000" y="-71.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A winning strategy</h1>
+</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="37.000000" y="-71.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>A winning strategy</h1>
 </div></foreignObject></g></g><g class="cG9sbCB0aGUgcGVvcGxl"><g class="shape" ><rect x="82.000000" y="0.000000" width="150.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="157.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">poll the people</text></g><g class="cmVzdWx0cw=="><g class="shape" ><rect x="191.000000" y="166.000000" width="93.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="237.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">results</text></g><g class="dW5mYXZvcmFibGU="><g class="shape" ><rect x="0.000000" y="332.000000" width="131.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="65.500000" y="370.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">unfavorable</text></g><g class="ZmF2b3JhYmxl"><g class="shape" ><rect x="191.000000" y="332.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="247.500000" y="370.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">favorable</text></g><g class="d2lsbCBvZiB0aGUgcGVvcGxl"><g class="shape" ><rect x="164.000000" y="498.000000" width="167.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="247.500000" y="536.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">will of the people</text></g><g class="KHBvbGwgdGhlIHBlb3BsZSAtJmd0OyByZXN1bHRzKVswXQ=="><marker id="mk-d2-2364978249-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.899857 67.428426 C 227.699997 106.000000 237.500000 126.000000 237.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2364978249-3488378134)" mask="url(#d2-2364978249)" /></g><g class="KHJlc3VsdHMgLSZndDsgdW5mYXZvcmFibGUpWzBd"><path d="M 200.020120 233.345346 C 157.500000 272.000000 136.699997 292.000000 100.299714 329.143149" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2364978249-3488378134)" mask="url(#d2-2364978249)" /></g><g class="KHVuZmF2b3JhYmxlIC0mZ3Q7IHBvbGwgdGhlIHBlb3BsZSlbMF0="><path d="M 61.261710 330.014246 C 56.700001 292.000000 55.500000 265.399994 55.500000 240.500000 C 55.500000 215.600006 67.699997 106.000000 113.406432 68.535712" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2364978249-3488378134)" mask="url(#d2-2364978249)" /></g><g class="KHJlc3VsdHMgLSZndDsgZmF2b3JhYmxlKVswXQ=="><path d="M 241.738291 233.985754 C 246.300003 272.000000 247.500000 292.000000 247.500000 328.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2364978249-3488378134)" mask="url(#d2-2364978249)" /></g><g class="KGZhdm9yYWJsZSAtJmd0OyB3aWxsIG9mIHRoZSBwZW9wbGUpWzBd"><path d="M 247.500000 400.000000 C 247.500000 438.000000 247.500000 458.000000 247.500000 494.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2364978249-3488378134)" mask="url(#d2-2364978249)" /></g><mask id="d2-2364978249" maskUnits="userSpaceOnUse" x="-1" y="-72" width="333" height="637">
 <rect x="-1" y="-72" width="333" height="637" fill="white"></rect>
 <rect x="37.000000" y="-71.000000" width="257" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-4212596512 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="29.000000" y="-59.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>A winning strategy</h1>
+</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="29.000000" y="-59.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>A winning strategy</h1>
 </div></foreignObject></g></g><g class="cG9sbCB0aGUgcGVvcGxl"><g class="shape" ><rect x="110.000000" y="12.000000" width="150.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="185.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">poll the people</text></g><g class="cmVzdWx0cw=="><g class="shape" ><rect x="64.000000" y="158.000000" width="93.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="110.500000" y="196.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">results</text></g><g class="dW5mYXZvcmFibGU="><g class="shape" ><rect x="172.000000" y="304.000000" width="131.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="237.500000" y="342.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">unfavorable</text></g><g class="ZmF2b3JhYmxl"><g class="shape" ><rect x="39.000000" y="304.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="95.500000" y="342.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">favorable</text></g><g class="d2lsbCBvZiB0aGUgcGVvcGxl"><g class="shape" ><rect x="12.000000" y="440.000000" width="167.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="95.500000" y="478.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">will of the people</text></g><g class="KHBvbGwgdGhlIHBlb3BsZSAtJmd0OyByZXN1bHRzKVswXQ=="><marker id="mk-d2-4212596512-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 160.166000 80.000000 L 160.166000 108.000000 S 160.166000 118.000000 150.166000 118.000000 L 121.000000 118.000000 S 111.000000 118.000000 111.000000 128.000000 L 111.000000 154.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4212596512-3488378134)" mask="url(#d2-4212596512)" /></g><g class="KHJlc3VsdHMgLSZndDsgdW5mYXZvcmFibGUpWzBd"><path d="M 126.500000 226.000000 L 126.500000 254.000000 S 126.500000 264.000000 136.500000 264.000000 L 205.666000 264.000000 S 215.666000 264.000000 215.666000 274.000000 L 215.666000 300.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4212596512-3488378134)" mask="url(#d2-4212596512)" /></g><g class="KHVuZmF2b3JhYmxlIC0mZ3Q7IHBvbGwgdGhlIHBlb3BsZSlbMF0="><path d="M 259.333008 302.000000 L 259.333008 128.000000 S 259.333008 118.000000 249.333008 118.000000 L 220.166000 118.000000 S 210.166000 118.000000 210.166000 108.000000 L 210.166000 82.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4212596512-3488378134)" mask="url(#d2-4212596512)" /></g><g class="KHJlc3VsdHMgLSZndDsgZmF2b3JhYmxlKVswXQ=="><path d="M 95.500000 226.000000 L 95.500000 300.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4212596512-3488378134)" mask="url(#d2-4212596512)" /></g><g class="KGZhdm9yYWJsZSAtJmd0OyB3aWxsIG9mIHRoZSBwZW9wbGUpWzBd"><path d="M 95.500000 372.000000 L 95.500000 436.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4212596512-3488378134)" mask="url(#d2-4212596512)" /></g><mask id="d2-4212596512" maskUnits="userSpaceOnUse" x="11" y="-60" width="293" height="567">
 <rect x="11" y="-60" width="293" height="567" fill="white"></rect>
 <rect x="29.000000" y="-59.000000" width="257" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg

@@ -850,7 +850,7 @@
 .d2-851985161 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Markdown: Syntax</h1>
 <ul>
 <li><a href="#overview">Overview</a>
 <ul>

e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg

@@ -850,7 +850,7 @@
 .d2-4122552445 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Markdown: Syntax</h1>
 <ul>
 <li><a href="#overview">Overview</a>
 <ul>

e2etests/testdata/stable/hr/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-142627214 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><strong>Note:</strong> This document is itself written using Markdown; you
 can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
 <hr />
 <h2>Overview</h2>

e2etests/testdata/stable/hr/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3115974332 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><strong>Note:</strong> This document is itself written using Markdown; you
 can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
 <hr />
 <h2>Overview</h2>

e2etests/testdata/stable/li1/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3521704376 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li1/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-2351031357 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li2/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3835243374 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a> ok <em>this is all measured</em>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li2/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-2498775702 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a> ok <em>this is all measured</em>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li3/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1850453634 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li3/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3625619566 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><ul>
 <li><a href="#overview">Overview</a>
 <ul>
 <li><a href="#philosophy">Philosophy</a></li>

e2etests/testdata/stable/li4/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-95635950 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>List items may consist of multiple paragraphs. Each subsequent
 paragraph in a list item must be indented by either 4 spaces
 or one tab:</p>
 <ol>

e2etests/testdata/stable/li4/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1253393308 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>List items may consist of multiple paragraphs. Each subsequent
 paragraph in a list item must be indented by either 4 spaces
 or one tab:</p>
 <ol>

e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1741298119 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Markdown: Syntax</h1>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="102.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="128.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="102.000000" y="317.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="128.500000" y="355.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgbWQpWzBd"><marker id="mk-d2-1741298119-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 128.500000 68.000000 C 128.500000 106.000000 128.500000 126.000000 128.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1741298119-3488378134)" mask="url(#d2-1741298119)" /></g><g class="KG1kIC0mZ3Q7IGIpWzBd"><path d="M 128.500000 219.000000 C 128.500000 257.000000 128.500000 277.000000 128.500000 313.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1741298119-3488378134)" mask="url(#d2-1741298119)" /></g><mask id="d2-1741298119" maskUnits="userSpaceOnUse" x="-1" y="-1" width="259" height="385">
 <rect x="-1" y="-1" width="259" height="385" fill="white"></rect>
 <rect x="0.000000" y="166.000000" width="257" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1073489527 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="257" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Markdown: Syntax</h1>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="114.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="114.000000" y="269.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.500000" y="307.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgbWQpWzBd"><marker id="mk-d2-1073489527-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 140.500000 80.000000 L 140.500000 144.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1073489527-3488378134)" mask="url(#d2-1073489527)" /></g><g class="KG1kIC0mZ3Q7IGIpWzBd"><path d="M 140.500000 201.000000 L 140.500000 265.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1073489527-3488378134)" mask="url(#d2-1073489527)" /></g><mask id="d2-1073489527" maskUnits="userSpaceOnUse" x="11" y="11" width="259" height="325">
 <rect x="11" y="11" width="259" height="325" fill="white"></rect>
 <rect x="12.000000" y="148.000000" width="257" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/markdown/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1466084009 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="531" height="227"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
+</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="531" height="227"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Every frustum longs to be a cone</h1>
 <ul>
 <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
 <li>Please remain calm, it's no use both of us being hysterical at the same time</li>

e2etests/testdata/stable/markdown/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-2237312999 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="531" height="227"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
+</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="531" height="227"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Every frustum longs to be a cone</h1>
 <ul>
 <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
 <li>Please remain calm, it's no use both of us being hysterical at the same time</li>

e2etests/testdata/stable/md_2space_newline/dagre/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-2553377867 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="10.000000" y="20.000000" width="519.000000" height="108.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
+</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="10.000000" y="20.000000" width="519.000000" height="108.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 </div></foreignObject></g></g><mask id="d2-2553377867" maskUnits="userSpaceOnUse" x="9" y="-21" width="521" height="150">
 <rect x="9" y="-21" width="521" height="150" fill="white"></rect>

e2etests/testdata/stable/md_2space_newline/elk/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-3503638182 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
+</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 </div></foreignObject></g></g><mask id="d2-3503638182" maskUnits="userSpaceOnUse" x="11" y="11" width="561" height="150">
 <rect x="11" y="11" width="561" height="150" fill="white"></rect>

e2etests/testdata/stable/md_backslash_newline/dagre/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-3081693699 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="10.000000" y="20.000000" width="519.000000" height="108.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
+</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="10.000000" y="20.000000" width="519.000000" height="108.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="269.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 </div></foreignObject></g></g><mask id="d2-3081693699" maskUnits="userSpaceOnUse" x="9" y="-21" width="521" height="150">
 <rect x="9" y="-21" width="521" height="150" fill="white"></rect>

e2etests/testdata/stable/md_backslash_newline/elk/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-4149945950 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
+</style><g class="bWFya2Rvd24="><g class="shape" ><rect x="12.000000" y="12.000000" width="559.000000" height="148.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="291.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">markdown</text></g><g class="bWFya2Rvd24ubWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 </div></foreignObject></g></g><mask id="d2-4149945950" maskUnits="userSpaceOnUse" x="11" y="11" width="561" height="150">
 <rect x="11" y="11" width="561" height="150" fill="white"></rect>

e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1518250751 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><pre><code>{
 	fenced: &quot;block&quot;,
 	of: &quot;json&quot;,
 }

e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3638167430 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><pre><code>{
 	fenced: &quot;block&quot;,
 	of: &quot;json&quot;,
 }

e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1952230391 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>a line of text and an</p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>a line of text and an</p>
 <pre><code>{
 	indented: &quot;block&quot;,
 	of: &quot;json&quot;,

e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-538047421 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>a line of text and an</p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>a line of text and an</p>
 <pre><code>{
 	indented: &quot;block&quot;,
 	of: &quot;json&quot;,

e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-1339768961 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="4.000000" y="166.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="4.000000" y="166.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><code>code</code></p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="290.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="328.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgbWQpWzBd"><marker id="mk-d2-1339768961-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1339768961-3488378134)" mask="url(#d2-1339768961)" /></g><g class="KG1kIC0mZ3Q7IGIpWzBd"><path d="M 26.500000 192.000000 C 26.500000 230.000000 26.500000 250.000000 26.500000 286.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1339768961-3488378134)" mask="url(#d2-1339768961)" /></g><mask id="d2-1339768961" maskUnits="userSpaceOnUse" x="-1" y="-1" width="55" height="358">
 <rect x="-1" y="-1" width="55" height="358" fill="white"></rect>
 <rect x="4.000000" y="166.000000" width="46" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3881944313 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="15.000000" y="148.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="15.000000" y="148.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><code>code</code></p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="12.000000" y="242.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="280.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgbWQpWzBd"><marker id="mk-d2-3881944313-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 38.500000 80.000000 L 38.500000 144.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3881944313-3488378134)" mask="url(#d2-3881944313)" /></g><g class="KG1kIC0mZ3Q7IGIpWzBd"><path d="M 38.500000 174.000000 L 38.500000 238.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3881944313-3488378134)" mask="url(#d2-3881944313)" /></g><mask id="d2-3881944313" maskUnits="userSpaceOnUse" x="11" y="11" width="55" height="298">
 <rect x="11" y="11" width="55" height="298" fill="white"></rect>
 <rect x="15.000000" y="148.000000" width="46" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/md_fontsize_10/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-2196724626 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="332" height="161"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="font-size:10px"><h1>Every frustum longs to be a cone</h1>
+</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="332" height="161"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="font-size:10px;color:#0A0F25"><h1>Every frustum longs to be a cone</h1>
 <ul>
 <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
 <li>Please remain calm, it's no use both of us being hysterical at the same time</li>

e2etests/testdata/stable/md_fontsize_10/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-632982403 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="332" height="161"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="font-size:10px"><h1>Every frustum longs to be a cone</h1>
+</style><g class="aGV5"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="332" height="161"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="font-size:10px;color:#0A0F25"><h1>Every frustum longs to be a cone</h1>
 <ul>
 <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
 <li>Please remain calm, it's no use both of us being hysterical at the same time</li>

e2etests/testdata/stable/md_mixed/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-2743272479 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="ZXhhbXBsZQ=="><g class="shape" ><rect x="10.000000" y="20.000000" width="159.000000" height="84.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="89.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g class="ZXhhbXBsZS5leHBsYW5hdGlvbg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><em>one</em> <strong>two</strong> three!</p>
+</style><g class="ZXhhbXBsZQ=="><g class="shape" ><rect x="10.000000" y="20.000000" width="159.000000" height="84.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="89.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g class="ZXhhbXBsZS5leHBsYW5hdGlvbg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><em>one</em> <strong>two</strong> three!</p>
 </div></foreignObject></g></g><mask id="d2-2743272479" maskUnits="userSpaceOnUse" x="9" y="-21" width="161" height="126">
 <rect x="9" y="-21" width="161" height="126" fill="white"></rect>
 <rect x="40.000000" y="-21.000000" width="99" height="36" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/md_mixed/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3779428285 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="ZXhhbXBsZQ=="><g class="shape" ><rect x="12.000000" y="12.000000" width="199.000000" height="124.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="111.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g class="ZXhhbXBsZS5leHBsYW5hdGlvbg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><em>one</em> <strong>two</strong> three!</p>
+</style><g class="ZXhhbXBsZQ=="><g class="shape" ><rect x="12.000000" y="12.000000" width="199.000000" height="124.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="111.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g class="ZXhhbXBsZS5leHBsYW5hdGlvbg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p><em>one</em> <strong>two</strong> three!</p>
 </div></foreignObject></g></g><mask id="d2-3779428285" maskUnits="userSpaceOnUse" x="11" y="11" width="201" height="126">
 <rect x="11" y="11" width="201" height="126" fill="white"></rect>
 <rect x="62.000000" y="17.000000" width="99" height="36" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/near_keys_for_container/dagre/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-968008625 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-313.000000" y="-71.000000" width="626" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
+</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-313.000000" y="-71.000000" width="626" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
 </div></foreignObject></g></g><mask id="d2-968008625" maskUnits="userSpaceOnUse" x="-314" y="-72" width="628" height="53">
 <rect x="-314" y="-72" width="628" height="53" fill="white"></rect>
 <rect x="-313.000000" y="-71.000000" width="626" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/near_keys_for_container/elk/sketch.exp.svg

@@ -829,7 +829,7 @@
 .d2-968008625 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-313.000000" y="-71.000000" width="626" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
+</style><g class="dGl0bGU="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-313.000000" y="-71.000000" width="626" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>Service-Cluster Provisioning (&quot;Outside view&quot;)</h1>
 </div></foreignObject></g></g><mask id="d2-968008625" maskUnits="userSpaceOnUse" x="-314" y="-72" width="628" height="53">
 <rect x="-314" y="-72" width="628" height="53" fill="white"></rect>
 <rect x="-313.000000" y="-71.000000" width="626" height="51" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/stable/p/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3128274021 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>A paragraph is simply one or more consecutive lines of text, separated
 by one or more blank lines. (A blank line is any line that looks like a
 blank line -- a line containing nothing but spaces or tabs is considered
 blank.) Normal paragraphs should not be indented with spaces or tabs.</p>

e2etests/testdata/stable/p/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-979712518 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>A paragraph is simply one or more consecutive lines of text, separated
 by one or more blank lines. (A blank line is any line that looks like a
 blank line -- a line containing nothing but spaces or tabs is considered
 blank.) Normal paragraphs should not be indented with spaces or tabs.</p>

e2etests/testdata/stable/pre/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3660705295 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Here is an example of AppleScript:</p>
 <pre><code>tell application &quot;Foo&quot;
     beep
 end tell

e2etests/testdata/stable/pre/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-818404908 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
+</style><g class="bWQ="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Here is an example of AppleScript:</p>
 <pre><code>tell application &quot;Foo&quot;
     beep
 end tell

e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-3098341505 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="77.000000" y="0.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="144.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="87.000000" y="423.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
+</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="77.000000" y="0.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="144.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="87.000000" y="423.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h3>company Warehouse</h3>
 <ul>
 <li>Asset Tagging</li>
 <li>Inventory</li>

e2etests/testdata/todo/dagre_container_md_label_panic/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1471202586 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="115.000000" y="12.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="93.000000" y="375.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
+</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="115.000000" y="12.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="93.000000" y="375.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h3>company Warehouse</h3>
 <ul>
 <li>Asset Tagging</li>
 <li>Inventory</li>

e2etests/testdata/txtar/c4-person-shape/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 574 896"><svg class="d2-2413373809 d2-svg" width="574" height="896" viewBox="-1 -1 574 896"><rect x="-1.000000" y="-1.000000" width="574.000000" height="896.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 574 898"><svg class="d2-2413373809 d2-svg" width="574" height="898" viewBox="-1 -3 574 898"><rect x="-1.000000" y="-3.000000" width="574.000000" height="898.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2413373809 .text {
 	font-family: "d2-2413373809-font-regular";
 }
@@ -847,8 +847,8 @@
 <p>[person]</p>
 <p>A customer of the bank, with<br />
 personal bank accounts</p>
-</div></foreignObject></g></g><g class="YzRwZXJzb24="><g class="shape" ><path d="M 244 75 C 244 62 257 51 268 51 H 356 C 369 51 380 64 380 75 V 129 C 380 142 367 153 356 153 H 268 C 255 153 244 140 244 129 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 312 -2 C 328 -2 341 11 341 27 C 341 44 328 57 312 57 C 295 57 282 44 282 27 C 282 11 295 -2 312 -2" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="311.500000" y="107.060000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">C4 Style Person</text></g><g class="cmVndWxhcl9wZXJzb24="><g class="shape" ><path d="M 223 428 H 89 V 427 C 89 412 104 398 127 392 C 114 386 106 377 106 368 C 106 352 129 339 156 339 C 183 339 205 352 205 368 C 205 377 198 386 185 391 C 208 398 223 411 223 426 V 427 H 223 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="156.000000" y="449.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Standard Person</text></g><g class="c3R5bGluZw=="><g class="shape" ><rect x="362.000000" y="293.000000" width="210.000000" height="546.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="467.000000" y="280.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">styling</text></g><g class="c3R5bGluZy5jNHN0eWxlZA=="><g class="shape" ><path d="M 425 375 C 425 367 433 360 440 360 H 495 C 503 360 510 368 510 375 V 430 C 510 438 502 445 495 445 H 440 C 432 445 425 437 425 430 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 468 326 C 478 326 486 334 486 345 C 486 355 478 363 468 363 C 457 363 449 355 449 345 C 449 334 457 326 468 326" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="467.500000" y="407.370000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">c4styled</text></g><g class="c3R5bGluZy5jNHNpemVk"><g class="shape" ><path d="M 392 714 C 392 700 406 688 418 688 H 516 C 530 688 542 702 542 714 V 783 C 542 797 528 809 516 809 H 419 C 405 809 393 795 393 783 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 467 628 C 485 628 500 643 500 661 C 500 680 485 694 467 694 C 449 694 434 680 434 661 C 434 643 449 628 467 628" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="467.000000" y="753.900000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">Custom Size</text></g><g class="KHJlZ3VsYXJfcGVyc29uIC0mZ3Q7IGM0bWRwZXJzb24pWzBd"><marker id="mk-d2-2413373809-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 156.000000 456.000000 C 156.000000 486.000000 156.000000 502.799988 156.000000 534.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><g class="KGM0cGVyc29uIC0mZ3Q7IHJlZ3VsYXJfcGVyc29uKVswXQ=="><path d="M 243.868776 135.985055 C 173.800003 197.000000 156.000000 286.200012 156.000000 335.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /><text x="168.500000" y="227.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Compare shapes</text></g><g class="KGM0cGVyc29uIC0mZ3Q7IHN0eWxpbmcuYzRzdHlsZWQpWzBd"><path d="M 380.125690 135.991374 C 449.399994 197.000000 467.000000 283.600006 467.000000 322.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><g class="c3R5bGluZy4oYzRzdHlsZWQgLSZndDsgYzRzaXplZClbMF0="><path d="M 467.000000 446.500000 C 467.000000 484.200012 467.000000 520.799011 467.000000 624.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><mask id="d2-2413373809" maskUnits="userSpaceOnUse" x="-1" y="-1" width="574" height="896">
-<rect x="-1" y="-1" width="574" height="896" fill="white"></rect>
+</div></foreignObject></g></g><g class="YzRwZXJzb24="><g class="shape" ><path d="M 244 75 C 244 62 257 51 268 51 H 356 C 369 51 380 64 380 75 V 129 C 380 142 367 153 356 153 H 268 C 255 153 244 140 244 129 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 312 -2 C 328 -2 341 11 341 27 C 341 44 328 57 312 57 C 295 57 282 44 282 27 C 282 11 295 -2 312 -2" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="311.500000" y="107.060000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">C4 Style Person</text></g><g class="cmVndWxhcl9wZXJzb24="><g class="shape" ><path d="M 223 428 H 89 V 427 C 89 412 104 398 127 392 C 114 386 106 377 106 368 C 106 352 129 339 156 339 C 183 339 205 352 205 368 C 205 377 198 386 185 391 C 208 398 223 411 223 426 V 427 H 223 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="156.000000" y="449.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Standard Person</text></g><g class="c3R5bGluZw=="><g class="shape" ><rect x="362.000000" y="293.000000" width="210.000000" height="546.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="467.000000" y="280.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">styling</text></g><g class="c3R5bGluZy5jNHN0eWxlZA=="><g class="shape" ><path d="M 425 375 C 425 367 433 360 440 360 H 495 C 503 360 510 368 510 375 V 430 C 510 438 502 445 495 445 H 440 C 432 445 425 437 425 430 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 468 326 C 478 326 486 334 486 345 C 486 355 478 363 468 363 C 457 363 449 355 449 345 C 449 334 457 326 468 326" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="467.500000" y="407.370000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">c4styled</text></g><g class="c3R5bGluZy5jNHNpemVk"><g class="shape" ><path d="M 392 714 C 392 700 406 688 418 688 H 516 C 530 688 542 702 542 714 V 783 C 542 797 528 809 516 809 H 419 C 405 809 393 795 393 783 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 467 628 C 485 628 500 643 500 661 C 500 680 485 694 467 694 C 449 694 434 680 434 661 C 434 643 449 628 467 628" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="467.000000" y="753.900000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">Custom Size</text></g><g class="KHJlZ3VsYXJfcGVyc29uIC0mZ3Q7IGM0bWRwZXJzb24pWzBd"><marker id="mk-d2-2413373809-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 156.000000 456.000000 C 156.000000 486.000000 156.000000 502.799988 156.000000 534.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><g class="KGM0cGVyc29uIC0mZ3Q7IHJlZ3VsYXJfcGVyc29uKVswXQ=="><path d="M 243.868776 135.985055 C 173.800003 197.000000 156.000000 286.200012 156.000000 335.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /><text x="168.500000" y="227.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Compare shapes</text></g><g class="KGM0cGVyc29uIC0mZ3Q7IHN0eWxpbmcuYzRzdHlsZWQpWzBd"><path d="M 380.125690 135.991374 C 449.399994 197.000000 467.000000 283.600006 467.000000 322.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><g class="c3R5bGluZy4oYzRzdHlsZWQgLSZndDsgYzRzaXplZClbMF0="><path d="M 467.000000 446.500000 C 467.000000 484.200012 467.000000 520.799011 467.000000 624.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2413373809-3488378134)" mask="url(#d2-2413373809)" /></g><mask id="d2-2413373809" maskUnits="userSpaceOnUse" x="-1" y="-3" width="574" height="898">
+<rect x="-1" y="-3" width="574" height="898" fill="white"></rect>
 <rect x="12.500000" y="706.456000" width="287" height="143" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="256.500000" y="91.060000" width="110" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="96.500000" y="433.000000" width="119" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/c4-person-shape/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 484 1315"><svg class="d2-2591713701 d2-svg" width="484" height="1315" viewBox="11 11 484 1315"><rect x="11.000000" y="11.000000" width="484.000000" height="1315.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 484 1317"><svg class="d2-2591713701 d2-svg" width="484" height="1317" viewBox="11 9 484 1317"><rect x="11.000000" y="9.000000" width="484.000000" height="1317.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .d2-2591713701 .text {
 	font-family: "d2-2591713701-font-regular";
 }
@@ -847,8 +847,8 @@
 <p>[person]</p>
 <p>A customer of the bank, with<br />
 personal bank accounts</p>
-</div></foreignObject></g></g><g class="YzRwZXJzb24="><g class="shape" ><path d="M 201 87 C 201 74 214 63 225 63 H 313 C 326 63 337 76 337 87 V 141 C 337 154 324 165 313 165 H 225 C 212 165 201 152 201 141 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 269 10 C 285 10 298 23 298 39 C 298 56 285 69 269 69 C 252 69 239 56 239 39 C 239 23 252 10 269 10" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="268.500000" y="119.060000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">C4 Style Person</text></g><g class="cmVndWxhcl9wZXJzb24="><g class="shape" ><path d="M 235 879 H 101 V 878 C 101 863 116 849 139 843 C 126 837 118 828 118 819 C 118 803 141 790 168 790 C 195 790 217 803 217 819 C 217 828 210 837 197 842 C 220 849 235 862 235 877 V 878 H 235 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="168.000000" y="900.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Standard Person</text></g><g class="c3R5bGluZw=="><g class="shape" ><rect x="244.000000" y="249.000000" width="250.000000" height="471.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="369.000000" y="282.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">styling</text></g><g class="c3R5bGluZy5jNHN0eWxlZA=="><g class="shape" ><path d="M 327 351 C 327 343 335 336 342 336 H 397 C 405 336 412 344 412 351 V 406 C 412 414 404 421 397 421 H 342 C 334 421 327 413 327 406 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 370 302 C 380 302 388 310 388 321 C 388 331 380 339 370 339 C 359 339 351 331 351 321 C 351 310 359 302 370 302" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="369.500000" y="383.370000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">c4styled</text></g><g class="c3R5bGluZy5jNHNpemVk"><g class="shape" ><path d="M 294 575 C 294 561 308 549 320 549 H 418 C 432 549 444 563 444 575 V 644 C 444 658 430 670 418 670 H 321 C 307 670 295 656 295 644 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 369 489 C 387 489 402 504 402 522 C 402 541 387 555 369 555 C 351 555 336 541 336 522 C 336 504 351 489 369 489" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="369.000000" y="614.900000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">Custom Size</text></g><g class="KHJlZ3VsYXJfcGVyc29uIC0mZ3Q7IGM0bWRwZXJzb24pWzBd"><marker id="mk-d2-2591713701-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 168.000000 907.000000 L 168.000000 965.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><g class="KGM0cGVyc29uIC0mZ3Q7IHJlZ3VsYXJfcGVyc29uKVswXQ=="><path d="M 246.009615 166.499969 L 246.185899 194.000205 S 246.250000 204.000000 236.250000 204.000000 L 178.000000 204.000000 S 168.000000 204.000000 168.000000 214.000000 L 168.000000 786.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /><text x="168.500000" y="444.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Compare shapes</text></g><g class="KGM0cGVyc29uIC0mZ3Q7IHN0eWxpbmcuYzRzdHlsZWQpWzBd"><path d="M 291.009615 166.499969 L 291.185899 194.000205 S 291.250000 204.000000 301.250000 204.000000 L 359.500000 204.000000 S 369.500000 204.000000 369.551020 213.999870 L 369.982143 298.500046" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><g class="c3R5bGluZy4oYzRzdHlsZWQgLSZndDsgYzRzaXplZClbMF0="><path d="M 369.022056 422.499838 L 369.948535 485.500378" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><mask id="d2-2591713701" maskUnits="userSpaceOnUse" x="11" y="11" width="484" height="1315">
-<rect x="11" y="11" width="484" height="1315" fill="white"></rect>
+</div></foreignObject></g></g><g class="YzRwZXJzb24="><g class="shape" ><path d="M 201 87 C 201 74 214 63 225 63 H 313 C 326 63 337 76 337 87 V 141 C 337 154 324 165 313 165 H 225 C 212 165 201 152 201 141 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 269 10 C 285 10 298 23 298 39 C 298 56 285 69 269 69 C 252 69 239 56 239 39 C 239 23 252 10 269 10" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="268.500000" y="119.060000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">C4 Style Person</text></g><g class="cmVndWxhcl9wZXJzb24="><g class="shape" ><path d="M 235 879 H 101 V 878 C 101 863 116 849 139 843 C 126 837 118 828 118 819 C 118 803 141 790 168 790 C 195 790 217 803 217 819 C 217 828 210 837 197 842 C 220 849 235 862 235 877 V 878 H 235 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="168.000000" y="900.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Standard Person</text></g><g class="c3R5bGluZw=="><g class="shape" ><rect x="244.000000" y="249.000000" width="250.000000" height="471.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="369.000000" y="282.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">styling</text></g><g class="c3R5bGluZy5jNHN0eWxlZA=="><g class="shape" ><path d="M 327 351 C 327 343 335 336 342 336 H 397 C 405 336 412 344 412 351 V 406 C 412 414 404 421 397 421 H 342 C 334 421 327 413 327 406 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 370 302 C 380 302 388 310 388 321 C 388 331 380 339 370 339 C 359 339 351 331 351 321 C 351 310 359 302 370 302" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="369.500000" y="383.370000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">c4styled</text></g><g class="c3R5bGluZy5jNHNpemVk"><g class="shape" ><path d="M 294 575 C 294 561 308 549 320 549 H 418 C 432 549 444 563 444 575 V 644 C 444 658 430 670 418 670 H 321 C 307 670 295 656 295 644 Z" stroke="black" fill="#08427b" style="stroke-width:1;" /><path d="M 369 489 C 387 489 402 504 402 522 C 402 541 387 555 369 555 C 351 555 336 541 336 522 C 336 504 351 489 369 489" stroke="black" fill="#08427b" style="stroke-width:1;" /></g><text x="369.000000" y="614.900000" fill="white" class="text-bold" style="text-anchor:middle;font-size:16px">Custom Size</text></g><g class="KHJlZ3VsYXJfcGVyc29uIC0mZ3Q7IGM0bWRwZXJzb24pWzBd"><marker id="mk-d2-2591713701-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 168.000000 907.000000 L 168.000000 965.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><g class="KGM0cGVyc29uIC0mZ3Q7IHJlZ3VsYXJfcGVyc29uKVswXQ=="><path d="M 246.009615 166.499969 L 246.185899 194.000205 S 246.250000 204.000000 236.250000 204.000000 L 178.000000 204.000000 S 168.000000 204.000000 168.000000 214.000000 L 168.000000 786.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /><text x="168.500000" y="444.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Compare shapes</text></g><g class="KGM0cGVyc29uIC0mZ3Q7IHN0eWxpbmcuYzRzdHlsZWQpWzBd"><path d="M 291.009615 166.499969 L 291.185899 194.000205 S 291.250000 204.000000 301.250000 204.000000 L 359.500000 204.000000 S 369.500000 204.000000 369.551020 213.999870 L 369.982143 298.500046" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><g class="c3R5bGluZy4oYzRzdHlsZWQgLSZndDsgYzRzaXplZClbMF0="><path d="M 369.022056 422.499838 L 369.948535 485.500378" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2591713701-3488378134)" mask="url(#d2-2591713701)" /></g><mask id="d2-2591713701" maskUnits="userSpaceOnUse" x="11" y="9" width="484" height="1317">
+<rect x="11" y="9" width="484" height="1317" fill="white"></rect>
 <rect x="24.500000" y="1137.456000" width="287" height="143" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="213.500000" y="103.060000" width="110" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="108.500000" y="884.000000" width="119" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/c4-theme/elk/board.exp.json

@@ -0,0 +1,882 @@
+{
+  "name": "",
+  "config": {
+    "sketch": false,
+    "themeID": 303,
+    "darkThemeID": null,
+    "pad": null,
+    "center": null,
+    "layoutEngine": null
+  },
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "customer",
+      "type": "c4-person",
+      "pos": {
+        "x": 720,
+        "y": 12
+      },
+      "width": 383,
+      "height": 429,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B2",
+      "stroke": "B1",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with personal bank accounts.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 358,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "internet_banking_system",
+      "type": "rectangle",
+      "pos": {
+        "x": 12,
+        "y": 693
+      },
+      "width": 2218,
+      "height": 1035,
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "transparent",
+      "stroke": "AA2",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Internet Banking System\n[Software System]",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 447,
+      "labelHeight": 125,
+      "labelPosition": "INSIDE_BOTTOM_LEFT",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "internet_banking_system.web_app",
+      "type": "rectangle",
+      "pos": {
+        "x": 62,
+        "y": 743
+      },
+      "width": 550,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B3",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Web Application\n[Container: Java and Spring MVC]\n\nDelivers the static content and the Internet banking single page application.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 505,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "internet_banking_system.spa",
+      "type": "rectangle",
+      "pos": {
+        "x": 190,
+        "y": 1078
+      },
+      "width": 609,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B3",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Single-Page Application\n[Container: JavaScript and Angular]\n\nProvides all of the Internet banking functionality to customers via their web browser.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 564,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "internet_banking_system.mobile_app",
+      "type": "rectangle",
+      "pos": {
+        "x": 819,
+        "y": 1078
+      },
+      "width": 707,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B3",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Mobile App\n[Container: Xamarin]\n\nProvides a limited subset of the Internet banking functionality to customers via their mobile device.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 662,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "internet_banking_system.api_app",
+      "type": "rectangle",
+      "pos": {
+        "x": 942,
+        "y": 1429
+      },
+      "width": 461,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B3",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## API Application\n[Container: Java and Spring MVC]\n\nProvides Internet banking functionality via a JSON/HTTPS API.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 416,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "internet_banking_system.database",
+      "type": "rectangle",
+      "pos": {
+        "x": 1546,
+        "y": 1078
+      },
+      "width": 634,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B3",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Database\n[Container: Oracle Database Schema]\n\nStores user registration information, hashed authentication credentials, access logs, etc.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 589,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "email_system",
+      "type": "rectangle",
+      "pos": {
+        "x": 1746,
+        "y": 1930
+      },
+      "width": 360,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B5",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## E-mail System\n[Software System]\n\nThe internal Microsoft Exchange e-mail system.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 315,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "mainframe",
+      "type": "rectangle",
+      "pos": {
+        "x": 781,
+        "y": 1930
+      },
+      "width": 629,
+      "height": 164,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B5",
+      "animated": false,
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "## Mainframe Banking System\n[Software System]\n\nStores all of the core banking information about customers, accounts, transactions, etc.",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "markdown",
+      "color": "N7",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 584,
+      "labelHeight": 119,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [
+    {
+      "id": "(customer -> internet_banking_system.web_app)[0]",
+      "src": "customer",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.web_app",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Visits bigbank.com/ib using\n[HTTPS]",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 179,
+      "labelHeight": 37,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 797,
+          "y": 441
+        },
+        {
+          "x": 797.3499755859375,
+          "y": 481
+        },
+        {
+          "x": 359.25,
+          "y": 481
+        },
+        {
+          "x": 359.25,
+          "y": 743
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "internet_banking_system.(web_app -> spa)[0]",
+      "src": "internet_banking_system.web_app",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.spa",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Delivers to the customer's web browser",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 257,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 393,
+          "y": 907
+        },
+        {
+          "x": 393,
+          "y": 1078
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(customer -> internet_banking_system.spa)[0]",
+      "src": "customer",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.spa",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Views account balances, and makes payments using",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 340,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 874,
+          "y": 441
+        },
+        {
+          "x": 873.9500122070312,
+          "y": 531
+        },
+        {
+          "x": 652,
+          "y": 531
+        },
+        {
+          "x": 652,
+          "y": 1078
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(customer -> internet_banking_system.mobile_app)[0]",
+      "src": "customer",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.mobile_app",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Views account balances, and makes payments using",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 340,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 951,
+          "y": 441
+        },
+        {
+          "x": 950.5499877929688,
+          "y": 1078
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "internet_banking_system.(spa -> api_app)[0]",
+      "src": "internet_banking_system.spa",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.api_app",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Makes API calls to\n[JSON/HTTPS]",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 116,
+      "labelHeight": 37,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 494.5,
+          "y": 1242
+        },
+        {
+          "x": 494.5,
+          "y": 1389
+        },
+        {
+          "x": 1057.25,
+          "y": 1389
+        },
+        {
+          "x": 1057.25,
+          "y": 1429
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "internet_banking_system.(mobile_app -> api_app)[0]",
+      "src": "internet_banking_system.mobile_app",
+      "srcArrow": "none",
+      "dst": "internet_banking_system.api_app",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Makes API calls to\n[JSON/HTTPS]",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 116,
+      "labelHeight": 37,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 1172.5,
+          "y": 1242
+        },
+        {
+          "x": 1172.5,
+          "y": 1429
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(internet_banking_system.api_app -> mainframe)[0]",
+      "src": "internet_banking_system.api_app",
+      "srcArrow": "none",
+      "dst": "mainframe",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Makes API calls to\n[XML/HTTPS]",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 116,
+      "labelHeight": 37,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 1095.666015625,
+          "y": 1593
+        },
+        {
+          "x": 1095.666015625,
+          "y": 1930
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(customer -> email_system)[0]",
+      "src": "customer",
+      "srcArrow": "none",
+      "dst": "email_system",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Sends e-mails to",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 107,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 1027,
+          "y": 441
+        },
+        {
+          "x": 1027.1500244140625,
+          "y": 481
+        },
+        {
+          "x": 2303.5,
+          "y": 481
+        },
+        {
+          "x": 2303.5,
+          "y": 1890
+        },
+        {
+          "x": 1986.8330078125,
+          "y": 1890
+        },
+        {
+          "x": 1986.8330078125,
+          "y": 1930
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(internet_banking_system.api_app -> email_system)[0]",
+      "src": "internet_banking_system.api_app",
+      "srcArrow": "none",
+      "dst": "email_system",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Sends e-mail using",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 123,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 1249.3330078125,
+          "y": 1593
+        },
+        {
+          "x": 1249.3330078125,
+          "y": 1890
+        },
+        {
+          "x": 1866.8330078125,
+          "y": 1890
+        },
+        {
+          "x": 1866.8330078125,
+          "y": 1930
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "internet_banking_system.(database <-> api_app)[0]",
+      "src": "internet_banking_system.database",
+      "srcArrow": "triangle",
+      "dst": "internet_banking_system.api_app",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 5,
+      "strokeWidth": 2,
+      "stroke": "AA4",
+      "borderRadius": 10,
+      "label": "Reads from and writes to\n[SQL/TCP]",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 163,
+      "labelHeight": 37,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPercentage": 0,
+      "link": "",
+      "route": [
+        {
+          "x": 1863,
+          "y": 1242
+        },
+        {
+          "x": 1863,
+          "y": 1389
+        },
+        {
+          "x": 1287.75,
+          "y": 1389
+        },
+        {
+          "x": 1287.75,
+          "y": 1429
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    }
+  ],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "animated": false,
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}

e2etests/testdata/txtar/extended-ascii/dagre/sketch.exp.svg

@@ -829,10 +829,10 @@
 .d2-1707443195 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="MQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="32.000000" y="0.000000" width="102" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ÇéþüðæØÅßñò</p>
-</div></foreignObject></g></g><g class="Mg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3.000000" y="124.000000" width="79" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>òØõùßÍÿåÆ</p>
-</div></foreignObject></g></g><g class="Mw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="248.000000" width="84" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>çÆÐÞ©ßþúí</p>
-</div></foreignObject></g></g><g class="NA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="57.000000" y="372.000000" width="52" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ÉáøÿÑö</p>
+</style><g class="MQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="32.000000" y="0.000000" width="102" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>ÇéþüðæØÅßñò</p>
+</div></foreignObject></g></g><g class="Mg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3.000000" y="124.000000" width="79" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>òØõùßÍÿåÆ</p>
+</div></foreignObject></g></g><g class="Mw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="248.000000" width="84" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>çÆÐÞ©ßþúí</p>
+</div></foreignObject></g></g><g class="NA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="57.000000" y="372.000000" width="52" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>ÉáøÿÑö</p>
 </div></foreignObject></g></g><g class="KDEgLSZndDsgMilbMF0="><marker id="mk-d2-1707443195-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 73.898286 25.669200 C 48.598999 64.000000 42.000000 84.000000 42.000000 120.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1707443195-3488378134)" mask="url(#d2-1707443195)" /></g><g class="KDIgLSZndDsgMylbMF0="><path d="M 42.000000 150.000000 C 42.000000 188.000000 42.000000 208.000000 42.000000 244.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1707443195-3488378134)" mask="url(#d2-1707443195)" /></g><g class="KDMgLSZndDsgNClbMF0="><path d="M 42.000000 274.000000 C 42.000000 312.000000 48.599998 332.000000 72.796631 368.661562" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1707443195-3488378134)" mask="url(#d2-1707443195)" /></g><g class="KDQgLSZndDsgMSlbMF0="><path d="M 92.101684 370.330781 C 117.400002 332.000000 124.000000 309.600006 124.000000 291.000000 C 124.000000 272.399994 124.000000 247.600006 124.000000 229.000000 C 124.000000 210.399994 124.000000 185.600006 124.000000 167.000000 C 124.000000 148.399994 117.400002 64.000000 93.203369 27.338438" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1707443195-3488378134)" mask="url(#d2-1707443195)" /></g><mask id="d2-1707443195" maskUnits="userSpaceOnUse" x="-1" y="-1" width="136" height="398">
 <rect x="-1" y="-1" width="136" height="398" fill="white"></rect>
 <rect x="32.000000" y="0.000000" width="102" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/extended-ascii/elk/sketch.exp.svg

@@ -829,10 +829,10 @@
 .d2-1588638235 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="MQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="44.000000" y="12.000000" width="102" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ÇéþüðæØÅßñò</p>
-</div></foreignObject></g></g><g class="Mg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="14.000000" y="116.000000" width="79" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>òØõùßÍÿåÆ</p>
-</div></foreignObject></g></g><g class="Mw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="210.000000" width="84" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>çÆÐÞ©ßþúí</p>
-</div></foreignObject></g></g><g class="NA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="69.000000" y="314.000000" width="52" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ÉáøÿÑö</p>
+</style><g class="MQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="44.000000" y="12.000000" width="102" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>ÇéþüðæØÅßñò</p>
+</div></foreignObject></g></g><g class="Mg=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="14.000000" y="116.000000" width="79" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>òØõùßÍÿåÆ</p>
+</div></foreignObject></g></g><g class="Mw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="210.000000" width="84" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>çÆÐÞ©ßþúí</p>
+</div></foreignObject></g></g><g class="NA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="69.000000" y="314.000000" width="52" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>ÉáøÿÑö</p>
 </div></foreignObject></g></g><g class="KDEgLSZndDsgMilbMF0="><marker id="mk-d2-1588638235-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 78.000000 38.000000 L 78.000000 112.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1588638235-3488378134)" mask="url(#d2-1588638235)" /></g><g class="KDIgLSZndDsgMylbMF0="><path d="M 54.000000 142.000000 L 54.000000 206.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1588638235-3488378134)" mask="url(#d2-1588638235)" /></g><g class="KDMgLSZndDsgNClbMF0="><path d="M 54.000000 236.000000 L 54.000000 264.000000 S 54.000000 274.000000 64.000000 274.000000 L 76.333000 274.000000 S 86.333000 274.000000 86.333000 284.000000 L 86.333000 310.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1588638235-3488378134)" mask="url(#d2-1588638235)" /></g><g class="KDQgLSZndDsgMSlbMF0="><path d="M 103.666000 312.000000 L 103.666000 284.000000 S 103.666000 274.000000 113.666000 274.000000 L 126.000000 274.000000 S 136.000000 274.000000 136.000000 264.000000 L 136.000000 86.000000 S 136.000000 76.000000 126.000000 76.000000 L 122.000000 76.000000 S 112.000000 76.000000 112.000000 66.000000 L 112.000000 40.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1588638235-3488378134)" mask="url(#d2-1588638235)" /></g><mask id="d2-1588638235" maskUnits="userSpaceOnUse" x="11" y="11" width="136" height="328">
 <rect x="11" y="11" width="136" height="328" fill="white"></rect>
 <rect x="44.000000" y="12.000000" width="102" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/md-label/dagre/sketch.exp.svg

@@ -829,87 +829,87 @@
 .d2-1825138808 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="0.000000" y="68.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="22.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="0.000000" y="68.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="22.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="176.000000" y="68.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="228.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="176.000000" y="68.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="228.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 413 58 H 507 C 508 58 509 58 510 59 L 527 75 C 528 76 528 77 528 78 V 255 C 528 255 528 255 528 255 H 413 C 412 255 412 255 412 255 V 59 C 412 58 412 58 413 58 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 527 255 H 413 C 412 255 412 255 412 254 V 59 C 412 58 412 58 413 58 H 506 C 507 58 507 58 507 59 V 76 C 507 77 508 78 509 78 H 527 C 528 78 528 78 528 79 V 254 C 527 255 528 255 527 255 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="434.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 413 58 H 507 C 508 58 509 58 510 59 L 527 75 C 528 76 528 77 528 78 V 255 C 528 255 528 255 528 255 H 413 C 412 255 412 255 412 255 V 59 C 412 58 412 58 413 58 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 527 255 H 413 C 412 255 412 255 412 254 V 59 C 412 58 412 58 413 58 H 506 C 507 58 507 58 507 59 V 76 C 507 77 508 78 509 78 H 527 C 528 78 528 78 528 79 V 254 C 527 255 528 255 527 255 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="434.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 614 68 L 756 68 L 730 244 L 588 244 L 588 244 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="636.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 614 68 L 756 68 L 730 244 L 588 244 L 588 244 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="636.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 816 237 L 816 44 L 932 44 L 932 237 C 913 196 893 196 874 237 C 855 278 835 278 816 237 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="838.500000" y="61.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 816 237 L 816 44 L 932 44 L 932 237 C 913 196 893 196 874 237 C 855 278 835 278 816 237 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="838.500000" y="61.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 992 66 C 992 42 1044 42 1050 42 C 1056 42 1108 42 1108 66 V 246 C 1108 270 1056 270 1050 270 C 1044 270 992 270 992 246 V 66 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 992 66 C 992 90 1044 90 1050 90 C 1056 90 1108 90 1108 66" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1014.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 992 66 C 992 42 1044 42 1050 42 C 1056 42 1108 42 1108 66 V 246 C 1108 270 1056 270 1050 270 C 1044 270 992 270 992 246 V 66 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 992 66 C 992 90 1044 90 1050 90 C 1056 90 1108 90 1108 66" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1014.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 1192 68 H 1312 C 1336 68 1336 147 1336 156 C 1336 165 1336 244 1312 244 H 1192 C 1168 244 1168 165 1168 156 C 1168 147 1168 68 1192 68 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1312 68 C 1288 68 1288 147 1288 156 C 1288 165 1288 244 1312 244" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1204.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 1192 68 H 1312 C 1336 68 1336 147 1336 156 C 1336 165 1336 244 1312 244 H 1192 C 1168 244 1168 165 1168 156 C 1168 147 1168 68 1192 68 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1312 68 C 1288 68 1288 147 1288 156 C 1288 165 1288 244 1312 244" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1204.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1396 51 L 1454 51 L 1454 93 L 1512 93 L 1512 261 L 1396 261 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1418.500000" y="111.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1396 51 L 1454 51 L 1454 93 L 1512 93 L 1512 261 L 1396 261 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1418.500000" y="111.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1572 51 L 1693 51 L 1728 157 L 1693 262 L 1572 262 L 1607 157 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1614.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1572 51 L 1693 51 L 1728 157 L 1693 262 L 1572 262 L 1607 157 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1614.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1788 56 V 212 H 1846 V 257 L 1876 212 H 1904 V 56 H 1788 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1810.500000" y="68.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1788 56 V 212 H 1846 V 257 L 1876 212 H 1904 V 56 H 1788 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1810.500000" y="68.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1979 68 H 2100 C 2096 68 2085 116 2085 156 C 2085 196 2096 244 2100 244 H 1979 C 1975 244 1964 196 1964 156 C 1964 116 1975 68 1979 68 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1996.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1979 68 H 2100 C 2096 68 2085 116 2085 156 C 2085 196 2096 244 2100 244 H 1979 C 1975 244 1964 196 1964 156 C 1964 116 1975 68 1979 68 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1996.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 2277 244 H 2160 V 241 C 2160 211 2173 184 2193 171 C 2182 161 2175 144 2175 125 C 2175 94 2195 68 2218 68 C 2242 68 2261 94 2261 125 C 2261 144 2254 160 2243 171 C 2263 184 2276 211 2276 241 V 243 H 2277 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2183.000000" y="249.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 2277 244 H 2160 V 241 C 2160 211 2173 184 2193 171 C 2182 161 2175 144 2175 125 C 2175 94 2195 68 2218 68 C 2242 68 2261 94 2261 125 C 2261 144 2254 160 2243 171 C 2263 184 2276 211 2276 241 V 243 H 2277 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2183.000000" y="249.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 2423 312 C 2422 312 2422 312 2421 311 L 2338 159 C 2337 157 2337 155 2338 153 L 2421 1 C 2422 -1 2423 -1 2424 1 L 2508 153 C 2509 155 2509 157 2508 159 L 2425 311 C 2424 312 2424 312 2423 312 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2387.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 2423 312 C 2422 312 2422 312 2421 311 L 2338 159 C 2337 157 2337 155 2338 153 L 2421 1 C 2422 -1 2423 -1 2424 1 L 2508 153 C 2509 155 2509 157 2508 159 L 2425 311 C 2424 312 2424 312 2423 312 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2387.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2637.000000" cy="156.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2601.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2637.000000" cy="156.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2601.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2881.500000" cy="156.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2846.000000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2881.500000" cy="156.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2846.000000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 3094 39 L 3058 156 L 3094 273 L 3166 273 L 3202 156 L 3166 39 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3094.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 3094 39 L 3058 156 L 3094 273 L 3166 273 L 3202 156 L 3166 39 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3094.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 3297 128 C 3297 130 3296 132 3294 132 C 3276 135 3262 160 3262 192 C 3262 225 3278 252 3298 252 H 3435 C 3457 252 3474 223 3474 188 C 3474 155 3458 127 3437 125 C 3436 125 3434 123 3434 121 C 3429 87 3408 62 3384 62 C 3368 62 3353 73 3344 89 C 3343 91 3341 92 3340 91 C 3336 89 3333 88 3328 88 C 3312 87 3298 105 3297 128 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3333.694000" y="108.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 3297 128 C 3297 130 3296 132 3294 132 C 3276 135 3262 160 3262 192 C 3262 225 3278 252 3298 252 H 3435 C 3457 252 3474 223 3474 188 C 3474 155 3458 127 3437 125 C 3436 125 3434 123 3434 121 C 3429 87 3408 62 3384 62 C 3368 62 3353 73 3344 89 C 3343 91 3341 92 3340 91 C 3336 89 3333 88 3328 88 C 3312 87 3298 105 3297 128 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3333.694000" y="108.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>

e2etests/testdata/txtar/md-label/elk/sketch.exp.svg

@@ -829,87 +829,87 @@
 .d2-1030734791 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="12.000000" y="80.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="12.000000" y="80.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="148.000000" y="80.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="200.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="148.000000" y="80.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="200.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 345 69 H 439 C 440 69 441 69 442 70 L 459 86 C 460 87 460 88 460 89 V 266 C 460 266 460 266 460 266 H 345 C 344 266 344 266 344 266 V 70 C 344 69 344 69 345 69 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 459 266 H 345 C 344 266 344 266 344 265 V 70 C 344 69 344 69 345 69 H 438 C 439 69 439 69 439 70 V 87 C 439 88 440 89 441 89 H 459 C 460 89 460 89 460 90 V 265 C 459 266 460 266 459 266 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="366.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 345 69 H 439 C 440 69 441 69 442 70 L 459 86 C 460 87 460 88 460 89 V 266 C 460 266 460 266 460 266 H 345 C 344 266 344 266 344 266 V 70 C 344 69 344 69 345 69 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 459 266 H 345 C 344 266 344 266 344 265 V 70 C 344 69 344 69 345 69 H 438 C 439 69 439 69 439 70 V 87 C 439 88 440 89 441 89 H 459 C 460 89 460 89 460 90 V 265 C 459 266 460 266 459 266 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="366.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 506 80 L 648 80 L 622 256 L 480 256 L 480 256 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="528.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 506 80 L 648 80 L 622 256 L 480 256 L 480 256 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="528.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 668 249 L 668 56 L 784 56 L 784 249 C 765 208 745 208 726 249 C 707 290 687 290 668 249 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="690.500000" y="73.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 668 249 L 668 56 L 784 56 L 784 249 C 765 208 745 208 726 249 C 707 290 687 290 668 249 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="690.500000" y="73.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 804 78 C 804 54 856 54 862 54 C 868 54 920 54 920 78 V 258 C 920 282 868 282 862 282 C 856 282 804 282 804 258 V 78 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 804 78 C 804 102 856 102 862 102 C 868 102 920 102 920 78" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="826.500000" y="114.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 804 78 C 804 54 856 54 862 54 C 868 54 920 54 920 78 V 258 C 920 282 868 282 862 282 C 856 282 804 282 804 258 V 78 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 804 78 C 804 102 856 102 862 102 C 868 102 920 102 920 78" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="826.500000" y="114.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 964 80 H 1084 C 1108 80 1108 159 1108 168 C 1108 177 1108 256 1084 256 H 964 C 940 256 940 177 940 168 C 940 159 940 80 964 80 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1084 80 C 1060 80 1060 159 1060 168 C 1060 177 1060 256 1084 256" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="976.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 964 80 H 1084 C 1108 80 1108 159 1108 168 C 1108 177 1108 256 1084 256 H 964 C 940 256 940 177 940 168 C 940 159 940 80 964 80 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1084 80 C 1060 80 1060 159 1060 168 C 1060 177 1060 256 1084 256" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="976.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1128 63 L 1186 63 L 1186 105 L 1244 105 L 1244 273 L 1128 273 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1150.500000" y="123.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1128 63 L 1186 63 L 1186 105 L 1244 105 L 1244 273 L 1128 273 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1150.500000" y="123.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1264 62 L 1385 62 L 1420 168 L 1385 273 L 1264 273 L 1299 168 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1306.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1264 62 L 1385 62 L 1420 168 L 1385 273 L 1264 273 L 1299 168 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1306.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1440 67 V 223 H 1498 V 268 L 1528 223 H 1556 V 67 H 1440 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1462.500000" y="79.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1440 67 V 223 H 1498 V 268 L 1528 223 H 1556 V 67 H 1440 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1462.500000" y="79.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1591 80 H 1712 C 1708 80 1697 128 1697 168 C 1697 208 1708 256 1712 256 H 1591 C 1587 256 1576 208 1576 168 C 1576 128 1587 80 1591 80 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1608.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1591 80 H 1712 C 1708 80 1697 128 1697 168 C 1697 208 1708 256 1712 256 H 1591 C 1587 256 1576 208 1576 168 C 1576 128 1587 80 1591 80 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1608.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 1849 188 H 1732 V 185 C 1732 155 1745 128 1765 115 C 1754 105 1747 88 1747 69 C 1747 38 1767 12 1790 12 C 1814 12 1833 38 1833 69 C 1833 88 1826 104 1815 115 C 1835 128 1848 155 1848 185 V 187 H 1849 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1755.000000" y="193.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3"><h1>hello</h1>
+</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 1849 188 H 1732 V 185 C 1732 155 1745 128 1765 115 C 1754 105 1747 88 1747 69 C 1747 38 1767 12 1790 12 C 1814 12 1833 38 1833 69 C 1833 88 1826 104 1815 115 C 1835 128 1848 155 1848 185 V 187 H 1849 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1755.000000" y="193.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 1955 324 C 1954 324 1954 324 1953 323 L 1870 171 C 1869 169 1869 167 1870 165 L 1953 13 C 1954 11 1955 11 1956 13 L 2040 165 C 2041 167 2041 169 2040 171 L 1957 323 C 1956 324 1956 324 1955 324 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1919.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4"><h1>hello</h1>
+</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 1955 324 C 1954 324 1954 324 1953 323 L 1870 171 C 1869 169 1869 167 1870 165 L 1953 13 C 1954 11 1955 11 1956 13 L 2040 165 C 2041 167 2041 169 2040 171 L 1957 323 C 1956 324 1956 324 1955 324 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1919.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2129.000000" cy="168.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2093.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2129.000000" cy="168.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2093.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2333.500000" cy="167.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2298.000000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2333.500000" cy="167.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2298.000000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 2506 51 L 2470 168 L 2506 285 L 2578 285 L 2614 168 L 2578 51 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2506.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
+</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 2506 51 L 2470 168 L 2506 285 L 2578 285 L 2614 168 L 2578 51 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2506.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>
 <p>blah blah</p>
-</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 2669 139 C 2669 141 2668 143 2666 143 C 2648 146 2634 171 2634 203 C 2634 236 2650 263 2670 263 H 2807 C 2829 263 2846 234 2846 199 C 2846 166 2830 138 2809 136 C 2808 136 2806 134 2806 132 C 2801 98 2780 73 2756 73 C 2740 73 2725 84 2716 100 C 2715 102 2713 103 2712 102 C 2708 100 2705 99 2700 99 C 2684 98 2670 116 2669 139 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2705.694000" y="119.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
+</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 2669 139 C 2669 141 2668 143 2666 143 C 2648 146 2634 171 2634 203 C 2634 236 2650 263 2670 263 H 2807 C 2829 263 2846 234 2846 199 C 2846 166 2830 138 2809 136 C 2808 136 2806 134 2806 132 C 2801 98 2780 73 2756 73 C 2740 73 2725 84 2716 100 C 2715 102 2713 103 2712 102 C 2708 100 2705 99 2700 99 C 2684 98 2670 116 2669 139 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2705.694000" y="119.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h1>hello</h1>
 <ul>
 <li>world</li>
 </ul>

e2etests/testdata/txtar/md-tables/dagre/sketch.exp.svg

@@ -842,7 +842,7 @@
 .d2-1180799665 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="c2F2aW5ncw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="169.000000" y="50.000000" width="343" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#e8f4f8"><table>
+</style><g class="c2F2aW5ncw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="169.000000" y="50.000000" width="343" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#e8f4f8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Month</th>
@@ -872,7 +872,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="c3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="270.000000" y="321.000000" width="142" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f8e8e8"><table>
+</div></foreignObject></g></g><g class="c3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="270.000000" y="321.000000" width="142" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f8e8e8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Status</th>
@@ -890,7 +890,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bWV0cmljcw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="254.000000" y="655.000000" width="173" height="335"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f0f8e8"><table>
+</div></foreignObject></g></g><g class="bWV0cmljcw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="254.000000" y="655.000000" width="173" height="335"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f0f8e8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Metric</th>
@@ -934,7 +934,7 @@
 </table>
 </div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="562.000000" y="20.000000" width="389.000000" height="444.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="7.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-d2-1180799665-monitoring" maskUnits="userSpaceOnUse" x="548" y="703" width="432" height="588">
 <rect x="548" y="703" width="432" height="588" fill="white"></rect>
-<path d="M548,718L563,703L980,703L980,1276L965,1291L548,1291L548,718L965,718L965,1291M965,718L980,703" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="548.000000" y="718.000000" width="417.000000" height="573.000000" mask="url(#border-mask-d2-1180799665-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1180799665-monitoring)" points="548,718 563,703 980,703 980,1276 965,1291 965,718" fill="#ecc1c1" style="stroke-width:2;" /><path d="M548,718 L563,703 L980,703 L980,1276 L965,1291 L548,1291 L548,718 L965,718 L965,1291 M965,718 L980,703" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="764.000000" y="690.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="10.000000" y="1452.000000" width="1008.000000" height="210.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="15.000000" y="1457.000000" width="998.000000" height="200.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="514.000000" y="1439.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="551.000000" y="1823.000000" width="411.000000" height="247.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="1810.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="592.000000" y="50.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+<path d="M548,718L563,703L980,703L980,1276L965,1291L548,1291L548,718L965,718L965,1291M965,718L980,703" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="548.000000" y="718.000000" width="417.000000" height="573.000000" mask="url(#border-mask-d2-1180799665-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1180799665-monitoring)" points="548,718 563,703 980,703 980,1276 965,1291 965,718" fill="#ecc1c1" style="stroke-width:2;" /><path d="M548,718 L563,703 L980,703 L980,1276 L965,1291 L548,1291 L548,718 L965,718 L965,1291 M965,718 L980,703" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="764.000000" y="690.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="10.000000" y="1452.000000" width="1008.000000" height="210.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="15.000000" y="1457.000000" width="998.000000" height="200.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="514.000000" y="1439.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="551.000000" y="1823.000000" width="411.000000" height="247.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="756.500000" y="1810.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="592.000000" y="50.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Month</th>
@@ -964,7 +964,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="ZmluYW5jaWFsLnF1YXJ0ZXJseQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="599.000000" y="321.000000" width="315" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="ZmluYW5jaWFsLnF1YXJ0ZXJseQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="599.000000" y="321.000000" width="315" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Quarter</th>
@@ -988,7 +988,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5hdmFpbGFiaWxpdHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="578.000000" y="748.000000" width="357" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5hdmFpbGFiaWxpdHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="578.000000" y="748.000000" width="357" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Service</th>
@@ -1018,7 +1018,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5wZXJmb3JtYW5jZQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="585.000000" y="1111.000000" width="344" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5wZXJmb3JtYW5jZQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="585.000000" y="1111.000000" width="344" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Metric</th>
@@ -1048,7 +1048,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="cHJvamVjdHMuc3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="1482.000000" width="425" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="cHJvamVjdHMuc3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="1482.000000" width="425" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Project</th>
@@ -1082,7 +1082,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="cHJvamVjdHMucmlza3M="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="525.000000" y="1482.000000" width="463" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="cHJvamVjdHMucmlza3M="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="525.000000" y="1482.000000" width="463" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="center">Risk ID</th>
@@ -1112,7 +1112,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="dGVhbS52ZWxvY2l0eQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="581.000000" y="1853.000000" width="351" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="dGVhbS52ZWxvY2l0eQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="581.000000" y="1853.000000" width="351" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Sprint</th>

e2etests/testdata/txtar/md-tables/elk/sketch.exp.svg

@@ -842,7 +842,7 @@
 .d2-3839636311 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="c2F2aW5ncw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="386.000000" width="343" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#e8f4f8"><table>
+</style><g class="c2F2aW5ncw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="386.000000" width="343" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#e8f4f8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Month</th>
@@ -872,7 +872,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="c3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="112.000000" y="921.000000" width="142" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f8e8e8"><table>
+</div></foreignObject></g></g><g class="c3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="112.000000" y="921.000000" width="142" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f8e8e8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Status</th>
@@ -890,7 +890,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bWV0cmljcw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="97.000000" y="1419.000000" width="173" height="335"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f0f8e8"><table>
+</div></foreignObject></g></g><g class="bWV0cmljcw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="97.000000" y="1419.000000" width="173" height="335"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#f0f8e8;color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Metric</th>
@@ -934,7 +934,7 @@
 </table>
 </div></foreignObject></g></g><g class="ZmluYW5jaWFs"><g class="shape" ><rect x="579.000000" y="12.000000" width="429.000000" height="524.000000" stroke="#0D32B2" fill="#e8f4f8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Financial Overview</text></g><g class="bW9uaXRvcmluZw=="><g class="shape" ><defs><mask id="border-mask-d2-3839636311-monitoring" maskUnits="userSpaceOnUse" x="565" y="697" width="457" height="561">
 <rect x="565" y="697" width="457" height="561" fill="white"></rect>
-<path d="M565,712L580,697L1022,697L1022,1243L1007,1258L565,1258L565,712L1007,712L1007,1258M1007,712L1022,697" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="565.000000" y="712.000000" width="442.000000" height="546.000000" mask="url(#border-mask-d2-3839636311-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3839636311-monitoring)" points="565,712 580,697 1022,697 1022,1243 1007,1258 1007,712" fill="#ecc1c1" style="stroke-width:2;" /><path d="M565,712 L580,697 L1022,697 L1022,1243 L1007,1258 L565,1258 L565,712 L1007,712 L1007,1258 M1007,712 L1022,697" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="786.000000" y="745.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="290.000000" y="1461.000000" width="1008.000000" height="250.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="295.000000" y="1466.000000" width="998.000000" height="240.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="794.000000" y="1494.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="568.000000" y="1915.000000" width="451.000000" height="287.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="1948.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="629.000000" y="62.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+<path d="M565,712L580,697L1022,697L1022,1243L1007,1258L565,1258L565,712L1007,712L1007,1258M1007,712L1022,697" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="565.000000" y="712.000000" width="442.000000" height="546.000000" mask="url(#border-mask-d2-3839636311-monitoring)" stroke="none" fill="#f8e8e8" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-3839636311-monitoring)" points="565,712 580,697 1022,697 1022,1243 1007,1258 1007,712" fill="#ecc1c1" style="stroke-width:2;" /><path d="M565,712 L580,697 L1022,697 L1022,1243 L1007,1258 L565,1258 L565,712 L1007,712 L1007,1258 M1007,712 L1022,697" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="786.000000" y="745.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">System Health</text></g><g class="cHJvamVjdHM="><g class="shape" ><rect x="290.000000" y="1461.000000" width="1008.000000" height="250.000000" stroke="#4a90e2" fill="#e8f8e8" style="stroke-width:2;" /><rect x="295.000000" y="1466.000000" width="998.000000" height="240.000000" stroke="#4a90e2" fill="transparent" style="stroke-width:2;" /></g><text x="794.000000" y="1494.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Project Tracking</text></g><g class="dGVhbQ=="><g class="shape" ><rect x="568.000000" y="1915.000000" width="451.000000" height="287.000000" stroke="#0D32B2" fill="#f8f0e8" class=" stroke-B1" style="stroke-width:2;" /></g><text x="793.500000" y="1948.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Team Analytics</text></g><g class="ZmluYW5jaWFsLm1vbnRobHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="629.000000" y="62.000000" width="329" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Month</th>
@@ -964,7 +964,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="ZmluYW5jaWFsLnF1YXJ0ZXJseQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="636.000000" y="373.000000" width="315" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="ZmluYW5jaWFsLnF1YXJ0ZXJseQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="636.000000" y="373.000000" width="315" height="113"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Quarter</th>
@@ -988,7 +988,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5hdmFpbGFiaWxpdHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="608.000000" y="754.000000" width="357" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5hdmFpbGFiaWxpdHk="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="608.000000" y="754.000000" width="357" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Service</th>
@@ -1018,7 +1018,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5wZXJmb3JtYW5jZQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="614.000000" y="1065.000000" width="344" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="bW9uaXRvcmluZy5wZXJmb3JtYW5jZQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="614.000000" y="1065.000000" width="344" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Metric</th>
@@ -1048,7 +1048,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="cHJvamVjdHMuc3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="340.000000" y="1511.000000" width="425" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="cHJvamVjdHMuc3RhdHVz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="340.000000" y="1511.000000" width="425" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th>Project</th>
@@ -1082,7 +1082,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="cHJvamVjdHMucmlza3M="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="785.000000" y="1511.000000" width="463" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="cHJvamVjdHMucmlza3M="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="785.000000" y="1511.000000" width="463" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="center">Risk ID</th>
@@ -1112,7 +1112,7 @@
 </tr>
 </tbody>
 </table>
-</div></foreignObject></g></g><g class="dGVhbS52ZWxvY2l0eQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="618.000000" y="1965.000000" width="351" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><table>
+</div></foreignObject></g></g><g class="dGVhbS52ZWxvY2l0eQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="618.000000" y="1965.000000" width="351" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><table>
 <thead>
 <tr>
 <th align="left">Sprint</th>

e2etests/testdata/txtar/sequence-diagram-note-md/dagre/sketch.exp.svg

@@ -850,7 +850,7 @@
 .d2-2097271006 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="265.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="315.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLS0gKVswXQ=="><path d="M 62.000000 120.000000 L 62.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHkgLS0gKVswXQ=="><path d="M 315.000000 120.000000 L 315.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2097271006-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 198.000000 L 311.000000 198.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2097271006-3488378134)" mask="url(#d2-2097271006)" /><text x="188.500000" y="204.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><g class="eC54"><g class="shape" ><path d="M -150 279 H 254 C 255 279 256 279 257 280 L 274 296 C 275 297 275 298 275 299 V 443 C 275 443 275 443 275 443 H -150 C -150 443 -150 443 -150 443 V 280 C -150 279 -150 279 -150 279 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 274 443 H -149 C -150 443 -150 443 -150 442 V 280 C -150 279 -150 279 -149 279 H 253 C 254 279 254 279 254 280 V 297 C 254 298 255 299 256 299 H 274 C 275 299 275 299 275 300 V 442 C 274 443 275 443 274 443 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-127.500000" y="301.500000" width="380" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h2>A man who fishes for marlin in ponds</h2>
+</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="265.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="315.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLS0gKVswXQ=="><path d="M 62.000000 120.000000 L 62.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHkgLS0gKVswXQ=="><path d="M 315.000000 120.000000 L 315.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2097271006-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 198.000000 L 311.000000 198.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2097271006-3488378134)" mask="url(#d2-2097271006)" /><text x="188.500000" y="204.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><g class="eC54"><g class="shape" ><path d="M -150 279 H 254 C 255 279 256 279 257 280 L 274 296 C 275 297 275 298 275 299 V 443 C 275 443 275 443 275 443 H -150 C -150 443 -150 443 -150 443 V 280 C -150 279 -150 279 -150 279 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 274 443 H -149 C -150 443 -150 443 -150 442 V 280 C -150 279 -150 279 -149 279 H 253 C 254 279 254 279 254 280 V 297 C 254 298 255 299 256 299 H 274 C 275 299 275 299 275 300 V 442 C 274 443 275 443 274 443 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-127.500000" y="301.500000" width="380" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h2>A man who fishes for marlin in ponds</h2>
 <ul>
 <li>...dramatic pause</li>
 </ul>

e2etests/testdata/txtar/sequence-diagram-note-md/elk/sketch.exp.svg

@@ -850,7 +850,7 @@
 .d2-2097271006 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="265.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="315.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLS0gKVswXQ=="><path d="M 62.000000 120.000000 L 62.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHkgLS0gKVswXQ=="><path d="M 315.000000 120.000000 L 315.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2097271006-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 198.000000 L 311.000000 198.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2097271006-3488378134)" mask="url(#d2-2097271006)" /><text x="188.500000" y="204.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><g class="eC54"><g class="shape" ><path d="M -150 279 H 254 C 255 279 256 279 257 280 L 274 296 C 275 297 275 298 275 299 V 443 C 275 443 275 443 275 443 H -150 C -150 443 -150 443 -150 443 V 280 C -150 279 -150 279 -150 279 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 274 443 H -149 C -150 443 -150 443 -150 442 V 280 C -150 279 -150 279 -149 279 H 253 C 254 279 254 279 254 280 V 297 C 254 298 255 299 256 299 H 274 C 275 299 275 299 275 300 V 442 C 274 443 275 443 274 443 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-127.500000" y="301.500000" width="380" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h2>A man who fishes for marlin in ponds</h2>
+</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="265.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="315.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLS0gKVswXQ=="><path d="M 62.000000 120.000000 L 62.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHkgLS0gKVswXQ=="><path d="M 315.000000 120.000000 L 315.000000 785.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2097271006)" /></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2097271006-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 198.000000 L 311.000000 198.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2097271006-3488378134)" mask="url(#d2-2097271006)" /><text x="188.500000" y="204.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><g class="eC54"><g class="shape" ><path d="M -150 279 H 254 C 255 279 256 279 257 280 L 274 296 C 275 297 275 298 275 299 V 443 C 275 443 275 443 275 443 H -150 C -150 443 -150 443 -150 443 V 280 C -150 279 -150 279 -150 279 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 274 443 H -149 C -150 443 -150 443 -150 442 V 280 C -150 279 -150 279 -149 279 H 253 C 254 279 254 279 254 280 V 297 C 254 298 255 299 256 299 H 274 C 275 299 275 299 275 300 V 442 C 274 443 275 443 274 443 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-127.500000" y="301.500000" width="380" height="119"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7;color:#0A0F25"><h2>A man who fishes for marlin in ponds</h2>
 <ul>
 <li>...dramatic pause</li>
 </ul>

e2etests/testdata/txtar/sql-icon/dagre/sketch.exp.svg

@@ -843,9 +843,9 @@
 .d2-826738456 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="d2l0aG91dA=="><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g class="d2l0aA=="><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g class="d2l0aG91dC50YWJsZUV4"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="50.000000" y="84.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="d2l0aG91dC5jbGFzc0V4"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="308.000000" y="76.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="d2l0aG91dC5jb2RlRXg="><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aG91dC5tZEV4"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
+</style><g class="d2l0aG91dA=="><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g class="d2l0aA=="><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g class="d2l0aG91dC50YWJsZUV4"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="50.000000" y="84.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="d2l0aG91dC5jbGFzc0V4"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="308.000000" y="76.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="d2l0aG91dC5jb2RlRXg="><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aG91dC5tZEV4"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>This is for all ill-treated fellows</h1>
 <p>You will live a long, healthy, happy life and make bags of money.</p>
-</div></foreignObject></g></g><g class="d2l0aC50YWJsZUV4"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="50.000000" y="446.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g class="d2l0aC5jbGFzc0V4"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="308.000000" y="438.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g class="d2l0aC5jb2RlRXg="><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aC5tZEV4"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
+</div></foreignObject></g></g><g class="d2l0aC50YWJsZUV4"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="50.000000" y="446.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g class="d2l0aC5jbGFzc0V4"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="308.000000" y="438.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g class="d2l0aC5jb2RlRXg="><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aC5tZEV4"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>This is for all ill-treated fellows</h1>
 <p>You will live a long, healthy, happy life and make bags of money.</p>
 </div></foreignObject></g></g><g class="KHdpdGhvdXQudGFibGVFeCAtJmd0OyB3aXRoLnRhYmxlRXgpWzBd"><marker id="mk-d2-826738456-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 93.000000 133.000000 C 93.000000 197.399994 93.000000 224.000000 93.000000 239.000000 C 93.000000 254.000000 93.000000 335.399994 93.000000 417.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-826738456-3488378134)" mask="url(#d2-826738456)" /></g><g class="KHdpdGhvdXQuY2xhc3NFeCAtJmd0OyB3aXRoLmNsYXNzRXgpWzBd"><path d="M 308.000000 166.000000 C 308.000000 204.000000 308.000000 224.000000 308.000000 239.000000 C 308.000000 254.000000 308.000000 328.799988 308.000000 384.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-826738456-3488378134)" mask="url(#d2-826738456)" /></g><g class="KHdpdGhvdXQuY29kZUV4IC0mZ3Q7IHdpdGguY29kZUV4KVswXQ=="><path d="M 507.000000 116.500000 C 507.000000 194.100006 507.000000 224.000000 507.000000 239.000000 C 507.000000 254.000000 507.000000 338.899994 507.000000 434.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-826738456-3488378134)" mask="url(#d2-826738456)" /></g><g class="KHdpdGhvdXQubWRFeCAtJmd0OyB3aXRoLm1kRXgpWzBd"><path d="M 818.000000 143.500000 C 818.000000 199.500000 818.000000 224.000000 818.000000 239.000000 C 818.000000 254.000000 818.000000 333.500000 818.000000 407.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-826738456-3488378134)" mask="url(#d2-826738456)" /></g><mask id="d2-826738456" maskUnits="userSpaceOnUse" x="9" y="-45" width="1054" height="602">
 <rect x="9" y="-45" width="1054" height="602" fill="white"></rect>

e2etests/testdata/txtar/sql-icon/elk/sketch.exp.svg

@@ -843,9 +843,9 @@
 .d2-3895587399 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="d2l0aG91dA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g class="d2l0aA=="><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g class="d2l0aG91dC50YWJsZUV4"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="72.000000" y="153.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="d2l0aG91dC5jbGFzc0V4"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="290.000000" y="112.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="d2l0aG91dC5jb2RlRXg="><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aG91dC5tZEV4"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
+</style><g class="d2l0aG91dA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g class="d2l0aA=="><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g class="d2l0aG91dC50YWJsZUV4"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="72.000000" y="153.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="d2l0aG91dC5jbGFzc0V4"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="290.000000" y="112.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="d2l0aG91dC5jb2RlRXg="><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aG91dC5tZEV4"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>This is for all ill-treated fellows</h1>
 <p>You will live a long, healthy, happy life and make bags of money.</p>
-</div></foreignObject></g></g><g class="d2l0aC50YWJsZUV4"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="72.000000" y="446.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g class="d2l0aC5jbGFzc0V4"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="290.000000" y="499.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g class="d2l0aC5jb2RlRXg="><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aC5tZEV4"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
+</div></foreignObject></g></g><g class="d2l0aC50YWJsZUV4"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="72.000000" y="446.750000" fill="#FFFFFF" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" fill="#0D32B2" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" fill="#676C7E" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" fill="#4A6FF3" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g class="d2l0aC5jbGFzc0V4"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="290.000000" y="499.500000" fill="#FFFFFF" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" fill="#0D32B2" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" fill="#0A0F25" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" fill="#4A6FF3" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g class="d2l0aC5jb2RlRXg="><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g class="d2l0aC5tZEV4"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><h1>This is for all ill-treated fellows</h1>
 <p>You will live a long, healthy, happy life and make bags of money.</p>
 </div></foreignObject></g></g><g class="KHdpdGhvdXQudGFibGVFeCAtJmd0OyB3aXRoLnRhYmxlRXgpWzBd"><marker id="mk-d2-3895587399-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 115.000000 202.000000 L 115.000000 417.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3895587399-3488378134)" mask="url(#d2-3895587399)" /></g><g class="KHdpdGhvdXQuY2xhc3NFeCAtJmd0OyB3aXRoLmNsYXNzRXgpWzBd"><path d="M 290.000000 202.000000 L 290.000000 445.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3895587399-3488378134)" mask="url(#d2-3895587399)" /></g><g class="KHdpdGhvdXQuY29kZUV4IC0mZ3Q7IHdpdGguY29kZUV4KVswXQ=="><path d="M 449.000000 202.000000 L 449.000000 413.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3895587399-3488378134)" mask="url(#d2-3895587399)" /></g><g class="KHdpdGhvdXQubWRFeCAtJmd0OyB3aXRoLm1kRXgpWzBd"><path d="M 720.000000 202.000000 L 720.000000 427.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3895587399-3488378134)" mask="url(#d2-3895587399)" /></g><mask id="d2-3895587399" maskUnits="userSpaceOnUse" x="11" y="11" width="974" height="627">
 <rect x="11" y="11" width="974" height="627" fill="white"></rect>

e2etests/testdata/txtar/unicode/dagre/sketch.exp.svg

@@ -829,18 +829,18 @@
 .d2-2855145504 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="4pag"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>■ foo bar</p>
-</div></foreignObject></g></g><g class="4pah"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="126.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>□ foo bar</p>
-</div></foreignObject></g></g><g class="4peP"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>● foo bar</p>
-</div></foreignObject></g></g><g class="4peL"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="370.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>○ foo bar</p>
-</div></foreignObject></g></g><g class="4peG"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="492.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◆ foo bar</p>
-</div></foreignObject></g></g><g class="4peH"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="618.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◇ foo bar</p>
-</div></foreignObject></g></g><g class="4pay"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="740.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▲ foo bar</p>
-</div></foreignObject></g></g><g class="4paz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="866.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>△ foo bar</p>
-</div></foreignObject></g></g><g class="4pa8"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="992.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▼ foo bar</p>
-</div></foreignObject></g></g><g class="4pa9"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1118.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▽ foo bar</p>
-</div></foreignObject></g></g><g class="4oC7"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1244.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>※ foo bar</p>
-</div></foreignObject></g></g><g class="4peO"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1366.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◎ foo bar</p>
+</style><g class="4pag"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>■ foo bar</p>
+</div></foreignObject></g></g><g class="4pah"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="126.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>□ foo bar</p>
+</div></foreignObject></g></g><g class="4peP"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>● foo bar</p>
+</div></foreignObject></g></g><g class="4peL"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="370.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>○ foo bar</p>
+</div></foreignObject></g></g><g class="4peG"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="492.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◆ foo bar</p>
+</div></foreignObject></g></g><g class="4peH"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="618.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◇ foo bar</p>
+</div></foreignObject></g></g><g class="4pay"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="740.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▲ foo bar</p>
+</div></foreignObject></g></g><g class="4paz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="866.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>△ foo bar</p>
+</div></foreignObject></g></g><g class="4pa8"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="992.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▼ foo bar</p>
+</div></foreignObject></g></g><g class="4pa9"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1118.000000" y="0.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▽ foo bar</p>
+</div></foreignObject></g></g><g class="4oC7"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1244.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>※ foo bar</p>
+</div></foreignObject></g></g><g class="4peO"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1366.000000" y="0.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◎ foo bar</p>
 </div></foreignObject></g></g><mask id="d2-2855145504" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1430" height="26">
 <rect x="-1" y="-1" width="1430" height="26" fill="white"></rect>
 <rect x="0.000000" y="0.000000" width="66" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/unicode/elk/sketch.exp.svg

@@ -829,18 +829,18 @@
 .d2-2037265600 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="4pag"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>■ foo bar</p>
-</div></foreignObject></g></g><g class="4pah"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="98.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>□ foo bar</p>
-</div></foreignObject></g></g><g class="4peP"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="180.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>● foo bar</p>
-</div></foreignObject></g></g><g class="4peL"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="262.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>○ foo bar</p>
-</div></foreignObject></g></g><g class="4peG"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="344.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◆ foo bar</p>
-</div></foreignObject></g></g><g class="4peH"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="430.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◇ foo bar</p>
-</div></foreignObject></g></g><g class="4pay"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="512.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▲ foo bar</p>
-</div></foreignObject></g></g><g class="4paz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="598.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>△ foo bar</p>
-</div></foreignObject></g></g><g class="4pa8"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="684.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▼ foo bar</p>
-</div></foreignObject></g></g><g class="4pa9"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="770.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>▽ foo bar</p>
-</div></foreignObject></g></g><g class="4oC7"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="856.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>※ foo bar</p>
-</div></foreignObject></g></g><g class="4peO"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="938.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>◎ foo bar</p>
+</style><g class="4pag"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>■ foo bar</p>
+</div></foreignObject></g></g><g class="4pah"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="98.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>□ foo bar</p>
+</div></foreignObject></g></g><g class="4peP"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="180.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>● foo bar</p>
+</div></foreignObject></g></g><g class="4peL"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="262.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>○ foo bar</p>
+</div></foreignObject></g></g><g class="4peG"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="344.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◆ foo bar</p>
+</div></foreignObject></g></g><g class="4peH"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="430.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◇ foo bar</p>
+</div></foreignObject></g></g><g class="4pay"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="512.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▲ foo bar</p>
+</div></foreignObject></g></g><g class="4paz"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="598.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>△ foo bar</p>
+</div></foreignObject></g></g><g class="4pa8"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="684.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▼ foo bar</p>
+</div></foreignObject></g></g><g class="4pa9"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="770.000000" y="12.000000" width="66" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>▽ foo bar</p>
+</div></foreignObject></g></g><g class="4oC7"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="856.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>※ foo bar</p>
+</div></foreignObject></g></g><g class="4peO"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="938.000000" y="12.000000" width="62" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>◎ foo bar</p>
 </div></foreignObject></g></g><mask id="d2-2037265600" maskUnits="userSpaceOnUse" x="11" y="11" width="990" height="26">
 <rect x="11" y="11" width="990" height="26" fill="white"></rect>
 <rect x="12.000000" y="12.000000" width="66" height="24" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/txtar/var_in_markdown/dagre/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-2758569173 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="81.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="40.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Kube</text></g><g class="ZGVzY3JpcHRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="86.000000" y="166.000000" width="163" height="96"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Kube is a service</p>
+</style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="81.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="40.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Kube</text></g><g class="ZGVzY3JpcHRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="86.000000" y="166.000000" width="163" height="96"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Kube is a service</p>
 <pre><code>Let ${y} be ${x}
 </code></pre>
 </div></foreignObject></g></g><g class="Yg=="><g class="shape" ><rect x="141.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="167.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="YQ=="><g class="shape" ><rect x="141.000000" y="362.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="167.500000" y="400.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="KGIgLSZndDsgZGVzY3JpcHRpb24pWzBd"><marker id="mk-d2-2758569173-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 167.500000 68.000000 C 167.500000 106.000000 167.500000 126.000000 167.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2758569173-3488378134)" mask="url(#d2-2758569173)" /></g><g class="KGRlc2NyaXB0aW9uIC0mZ3Q7IGEpWzBd"><path d="M 167.500000 264.000000 C 167.500000 302.000000 167.500000 322.000000 167.500000 358.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2758569173-3488378134)" mask="url(#d2-2758569173)" /></g><mask id="d2-2758569173" maskUnits="userSpaceOnUse" x="-1" y="-1" width="251" height="430">

e2etests/testdata/txtar/var_in_markdown/elk/sketch.exp.svg

@@ -843,7 +843,7 @@
 .d2-3193381320 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="81.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Kube</text></g><g class="ZGVzY3JpcHRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="58.000000" y="148.000000" width="163" height="96"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Kube is a service</p>
+</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="81.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Kube</text></g><g class="ZGVzY3JpcHRpb24="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="58.000000" y="148.000000" width="163" height="96"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>Kube is a service</p>
 <pre><code>Let ${y} be ${x}
 </code></pre>
 </div></foreignObject></g></g><g class="Yg=="><g class="shape" ><rect x="113.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="YQ=="><g class="shape" ><rect x="113.000000" y="314.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="352.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="KGIgLSZndDsgZGVzY3JpcHRpb24pWzBd"><marker id="mk-d2-3193381320-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 139.500000 80.000000 L 139.500000 144.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3193381320-3488378134)" mask="url(#d2-3193381320)" /></g><g class="KGRlc2NyaXB0aW9uIC0mZ3Q7IGEpWzBd"><path d="M 139.500000 246.000000 L 139.500000 310.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3193381320-3488378134)" mask="url(#d2-3193381320)" /></g><mask id="d2-3193381320" maskUnits="userSpaceOnUse" x="11" y="11" width="211" height="370">

e2etests/testdata/unicode/chinese/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-2865261911 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cG9lbQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="54.000000" y="0.000000" width="118" height="144"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>床前明月光，</p>
+</style><g class="cG9lbQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="54.000000" y="0.000000" width="118" height="144"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>床前明月光，</p>
 <p>疑是地上霜。</p>
 <p>举头望明月，</p>
 <p>低头思故乡。</p>

e2etests/testdata/unicode/chinese/elk/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-1123938073 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="cG9lbQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="66.000000" y="12.000000" width="118" height="144"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>床前明月光，</p>
+</style><g class="cG9lbQ=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="66.000000" y="12.000000" width="118" height="144"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>床前明月光，</p>
 <p>疑是地上霜。</p>
 <p>举头望明月，</p>
 <p>低头思故乡。</p>

e2etests/testdata/unicode/mixed-language/dagre/sketch.exp.svg

@@ -836,7 +836,7 @@
 .d2-2872220387 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
   margin: 0 -1.6em 0.25em 0.2em;
 }
-</style><g class="YQ=="><g class="shape" ><rect x="275.000000" y="0.000000" width="428.000000" height="98.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="489.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="489.000000" dy="0.000000">有一个叫做夏天的季节。</tspan><tspan x="489.000000" dy="17.666667"> ある季節、夏という名前がついています。</tspan><tspan x="489.000000" dy="17.666667">한 계절, 여름이란 이름이 있습니다.</tspan></text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="198.000000" width="448.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="224.000000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">夏天的时候，天气非常热，人们总是流着汗。</text></g><g class="Yw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="508.000000" y="199.000000" width="492" height="64"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>夏になると、とても暑くて、人々は汗を流しています。</p>
+</style><g class="YQ=="><g class="shape" ><rect x="275.000000" y="0.000000" width="428.000000" height="98.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="489.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="489.000000" dy="0.000000">有一个叫做夏天的季节。</tspan><tspan x="489.000000" dy="17.666667"> ある季節、夏という名前がついています。</tspan><tspan x="489.000000" dy="17.666667">한 계절, 여름이란 이름이 있습니다.</tspan></text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="198.000000" width="448.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="224.000000" y="236.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">夏天的时候，天气非常热，人们总是流着汗。</text></g><g class="Yw=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="508.000000" y="199.000000" width="492" height="64"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="color:#0A0F25"><p>夏になると、とても暑くて、人々は汗を流しています。</p>
 <p>여름에는 매우 더워서 사람들은 땀을 흘립니다.</p>
 </div></foreignObject></g></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-2872220387-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 356.126195 98.699181 C 250.800003 138.000000 224.000000 158.000000 224.000000 194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2872220387-3488378134)" mask="url(#d2-2872220387)" /></g><g class="KGEgLSZndDsgYylbMF0="><path d="M 621.873805 98.699181 C 727.200012 138.000000 754.000000 158.199997 754.000000 195.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2872220387-3488378134)" mask="url(#d2-2872220387)" /></g><mask id="d2-2872220387" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1002" height="266">
 <rect x="-1" y="-1" width="1002" height="266" fill="white"></rect>